<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0028)http://noenk-r.blogspot.com/ -->
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr" xmlns:fb="http://ogp.me/ns/fb#"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Start noenk-r.blogsport.com : Seo MetaTag -->

<script id="facebook-jssdk" src="./noenk-R ™_files/all.js"></script><script src="./noenk-R ™_files/cb=gapi.loaded_0" async=""></script><script type="text/javascript">(function() { var b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a){this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new Date).getTime();this.t[a]=[e,d];if(void 0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new d;b.jstiming={Timer:d,load:n};if(a){var c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]("tbsd_","wtsrt_"))}try{a=null,
b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void 0,b[f].csi().startE),e[g]("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m);
 })();</script>
<meta content="blogger" name="generator">
<link href="http://noenk-r.blogspot.com/favicon.ico" rel="icon" type="image/x-icon">
<link href="./noenk-R ™_files/noenk-R ™.html" rel="canonical">
<link rel="alternate" type="application/atom+xml" title="noenk-R ™ - Atom" href="http://noenk-r.blogspot.com/feeds/posts/default">
<link rel="alternate" type="application/rss+xml" title="noenk-R ™ - RSS" href="http://noenk-r.blogspot.com/feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" title="noenk-R ™ - Atom" href="http://www.blogger.com/feeds/1346561240321977906/posts/default">
<link rel="me" href="http://www.blogger.com/profile/13423174615297518015">
<link rel="openid.server" href="http://www.blogger.com/openid-server.g">
<link rel="openid.delegate" href="./noenk-R ™_files/noenk-R ™.html">
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<meta content="DESCRIPTION HERE" name="description">
<meta content="KEYWORDS HERE" name="keywords">
<meta content="chrome=1" http-equiv="X-UA-Compatible">
<meta content="all, index, follow" name="robots">
<meta content="2 days" name="revisit">
<meta content="2 days" name="revisit-after">
<meta content="10" name="pagerank™">
<meta content="1, 2, 3, 10, 11, 12, 13, ATF" name="serps">
<meta content="5" name="seoconsultantsdirectory">
<meta content="noenk-R" name="author">
<meta content="General" name="Rating">
<meta content="never" name="Expires">
<meta content="all" name="audience">
<meta content="INDONESIA" name="Language">
<meta content="noenk R" name="author">
<title>noenk-R ™</title>
<!-- End noenk-r.blogsport.com : Seo MetaTag -->
<link href="http://noenk-r.blogspot.com/YOUR-FAVICON-URL" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="./noenk-R ™_files/css" rel="stylesheet" type="text/css">
<link href="./noenk-R ™_files/css(1)" rel="stylesheet" type="text/css">
<script src="./noenk-R ™_files/jquery-migrate-1.2.1.min.js"></script>
<script src="./noenk-R ™_files/jquery.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="./noenk-R ™_files/728935430-widget_css_bundle.css">
<link type="text/css" rel="stylesheet" href="./noenk-R ™_files/authorization.css">
<style id="page-skin-1" type="text/css"><!--
/* 
-----------------------------------------------
Blogger Template Style

 */
-----------------------------------------------  */
/*CSS-Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

/* ************ START OF CSS STYLING ************ */
/* -----   GLOBAL   
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #menu-box{display:none}
body#layout #secondarymenu{display:none}
body#layout #mainmenu-container{display:none}
body#layout #mainmenu{display:none}
body#layout #header-wrapper {margin-bottom:10px;min-height:50px;}
body#layout .slider-container{display:none}
body#layout .fp-slides{display:none}
body#layout .slider-bgr{display:none}
body#layout .slider{display:none}-----  */
/* ====================Variable definitions==================== */
/* ====================
<Variable name="bgcolor" description="Page Background Color"type="color" default="#fff">
<Variable name="textcolor" description="Text Color"type="color" default="#333">
<Variable name="linkcolor" description="Link Color"type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"type="color" default="#c60"><Variable name="bordercolor" description="Border Color"type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"type="color" default="#999">
<Variable name="bodyfont" description="Text Font"type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"type="font"default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"type="font"default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"type="automatic" default="left"><Variable name="endSide" description="Side where text ends in blog language"type="automatic" default="right">
==================== */
/*CSS-Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
/* =----------------------------=   NAVBAR  =----------------------------=  */

#navbar-iframe,.quickedit {height:0;visibility:hidden;display:none;}
/* ----Use this with templates/template-twocol.html----- */
html {background:#ffffff;}
/* body{color:#c9c9c9; font-size:13px; font-family: 'arial'; position:relative; background:url(_files/back-noenk.png) left top scroll;font-size:13px; position:relative; margin: 0 auto;} */
a:link,a:visited{color:#fe003c;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;outline:none;}
a img{border-width:0}
/* #body-wrapper{background:#dddddd; margin: 0 auto;padding: 0;}-----  */

body {
background-color:#CCCCCC;
font-family:Geneva,Arial,Helvetica,sans-serif;
margin: 0px auto;


}
/*  =----------------------------=  Header =----------------------------=  */
header{}
.header-outer{border-bottom:1px solid #131313; height:60px; min-width:981px; width:100%; z-index:300; left:0; top:0; position:fixed }
#header-wrapper{width:1000px; margin:0px auto 0px; height:60px; padding-bottom:0px; margin-top:-12px; overflow:hidden}
#header-inner{float:left; padding-bottom:-50px; position:absolute; top:48px;:auto}
#header{margin:0; border:0 solid #cccccc; color:#666666; float:left; width:48%}
#Header1_headerimg{}
#header h1{color:#fff; text-shadow:0px 1px 0px #none; margin-left:-450px; padding:0px 0px 0px 15px; font-family:&#39; arial&#39; ,Arial,Helvetica,Sans-serif; font-weight:bold; font-size:32px; line-height:40px}
#header .description{padding-left:22px; color:#fff; text-shadow:0px 1px 0px #fff; line-height:14px; font-size:14px; padding-top:0px; margin-top:10px; font-family:Arial,Helvetica,Sans-serif}
#header a img:hover {-moz-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
#header h1 a, #header h1 a:visited{color:#fff; text-decoration:none}
#header h2{padding-left:5px; color:#fff; font:14px Arial,Helvetica,Sans-serif}
#header2{float:right; width:51%; margin-right:0px; padding-right:0px; overflow:hidden}
#header2 .widget{padding:0px 15px 0px 0px; float:right}
.header-block{margin: 0 auto;height:60px;}
.header-inner{ margin: 0 auto;width: 1050px;}
/*  =----------------------------= SOCIAL PROFILES =----------------------------=  */
.widget_social_profiles{text-align:center}
.widget_social_profiles a img{margin:2px}
.widget_social_profiles h3{text-align:left}
.caption h3{color:#fff; font-family: 'oswald', sans-serif;font-size:21px;font-weight:normal;}
.textwidget{font-weight:normal; color:#c4c4c4;margin-top:-10px;}

/* links *//*responsiv*/
@media screen and (max-width:1024px){#header-kiri{width:28.72%}#header-kanan{width:71.28%}#body-wrapper,.content-wrapper{width:100%}#main-wrepper{width:68.8%}#rsidebar-wrepper{width:31.2%}}
@media screen and (max-width:992px){#header-kiri{width:26.42%}#header-kanan{width:73.58%}#main-conten{width:67.8%}#sidebar-right-wrepper{width:32.2%}.post-title a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#sidebar-kiri,#sidebar-kanan{float:none;width:100%}}
@media screen and (max-width:880px){#header-kiri,#header-kanan{width:100%;float:none;text-align:center}#main-conten{width:63.7%}#sidebar-right-wrepper{width:36.3%}}
@media screen and (max-width:820px){#main-conten{width:61%}#sidebar-right-wrepper{width:39%}}
@media screen and (max-width:768px){#main-wrepper{width:58.4%}#rsidebar-wrepper{width:41.6%}}
@media screen and (max-width:700px){#main-conten,#sidebar-right-wrepper{float:none;width:100%}#sidebar{margin:0 10px 10px 10px}#HTML4{display:none}}
@media screen and (max-width:600px){.footer{width:100%!important;float:none!important}#nav2{display:inherit;margin:5px;float:left;padding:8px}nav ul{display:none}}
@media screen and (max-width:580px){#footer-2,#footer-3{display:none}}
@media screen and (max-width:480px){.posthumb{display:none}}
@media screen and (max-width:380px){#nav2{padding:3px}#search-top{padding:5px}input[type="text"]{padding:5px;width:90px}#search-button-top{background-image:url("http://3.bp.blogspot.com/-60fYApN0j2M/Ub8uXOv4rNI/AAAAAAAACBs/6PDa4uu3cHk/s1600/csg-51bf2d6764c79.png");background-repeat:no-repeat;transition:all 0.7s ease 0s;height:26px;width:29px;background-color:#34495e;background-position:7px -247px;border:none;float:right;cursor:pointer}#posting{margin:5px}#sidebar{margin:0 5px 5px 5px}.post{margin:0 0 5px}.sidebar .widget{margin-bottom:-5px}.share-box{display:none}}
/*responsiv*/

/*  =----------------------------= Outer-Wrapper =----------------------------=  */
#body-wrapper{width:1050px;background:#e8e9f0;margin:0 auto;overflow:hidden}
#outer-wrapper{ }
#content-wrappertop{}
#content-wrapper{margin-bottom:0px;background:url(noenk-R_files/main-r-noenkt.png) left top repeat-y;border:0px solid #2f2f2f;min-height:400px;}
#main-wrapper{overflow:hidden; float:left; width:69.53%; padding:50px 0px 0px 30px; margin-top:-30px}
#bottom-wrapper{}
#rsidebar-wrapper{float:right; overflow:hidden; padding-bottom:20px; width:30.47%}
/*  =----------------------------= Headings----------------------------= */
h2{}
/*  =----------------------------= Posts =----------------------------=  */
h2.date-header{color:#00c0ff; ; margin:1.5em 0 .5em; display:none}
.wrapfullpost{}
.post{padding-top:-50px}
.post-title{color: #e3e3e3; font-family: 'oswald'; font-size: 24px; line-height: 25px; text-decoration: none; font-weight:normal;margin-top:-1px}
.post-title a, .post-title a:visited, .post-title strong{color:#e3e3e3; text-decoration:none}
.post-title strong, .post-title a:hover{text-decoration:none}
.post-footer{margin:5px 0}
.post img{padding:5px; margin-right:10px; margin-bottom:10px; border:1px solid #303030;}
.post-body{color:#444444;overflow:hidden; padding:0 0px; padding-bottom:20px; line-height:18px;font-size:14px;}
.post-meta{font-family:'arial'; font-weight:normal; font-size:13px; padding-bottom:25px;margin-top:-12px;margin-left:-20px}
.post-meta a{color:#f3032d; text-decoration:underline;}
.post-meta a:hover{text-decoration:none}
.post-meta span, .post-meta-secondary span{background-position:left center; background-repeat:no-repeat; padding:3px 0 3px 20px}
.meta_date{color:#e3e3e3; )}
.meta_comments{background-image:url(http://3.bp.blogspot.com/-tDZqedFxzhg/UqsT35LYXWI/AAAAAAAAAIc/e1jOQuZgO4M/s1600/comments-noenk.png)}
.meta_categories{background-image:url(http://3.bp.blogspot.com/-0lLqYIwECXQ/UqsT3xoYcVI/AAAAAAAAAIo/Vu_fMn6C25g/s1600/category-noenk.png)}
/*  =----------------------------= Sidebar Content----------------------------= */
#rsidebar-wrapper .widget{border-bottom:1px solid #2f2f2f;margin:0px 0px 20px -5px;}
.sidebar{list-style-type:none; list-style:none; margin:-0px 0px -30px 6px; color:#c9c9c9; font-size:13px; padding:10px}
.sidebar a{color:#f3032d; text-decoration:none}
.sidebar a:hover{color:#e21000; text-decoration:none}
.sidebar h2{color:#e3e3e3; font-family:'oswald',sans-serif; font-size:18px; font-weight:normal;}
.sidebar ul{list-style-type:none; list-style:none; margin:0; padding:0}
.sidebar ul li{padding:0 0 9px 0px; margin:0 0 8px 0; left 4px no-repeat; )}
#fff; font-size:13px}
.main .widget{margin:0 0 5px; padding:0 0 2px}
.main .Blog{border-bottom-width:0}
#rsidebar-wrapper{padding:0px;}
/*  =----------------------------= Readmore =----------------------------=  */
.readmore{margin:15px 0px; float:right}
.readmore a{display:inline-block; text-decoration:none; background:rgb(251,0,47); background:-moz-linear-gradient(top, rgba(251,0,47,1) 0%,rgba(207,0,39,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(251,0,47,1)),color-stop(100%,rgba(207,0,39,1))); background:-webkit-linear-gradient(top, rgba(251,0,47,1) 0%,rgba(207,0,39,1) 100%); background:-o-linear-gradient(top, rgba(251,0,47,1) 0%,rgba(207,0,39,1) 100%); background:-ms-linear-gradient(top, rgba(251,0,47,1) 0%,rgba(207,0,39,1) 100%); background:linear-gradient(to bottom, rgba(251,0,47,1) 0%,rgba(207,0,39,1) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb002f',endColorstr='#cf0027',GradientType=0 ); color:#e3e3e3;  font-size:12px; font-family:'arial';  padding:5px 25px; border-top:1px solid #f77f9e; border-bottom:1px solid #ba063b; border-left:none; border-right:none; border-radius:15px; box-shadow:0 2px 2px #0a0a0a; margin-bottom:5px}
.readmore a:hover{border-bottom:1px solid #f77f9e; border-top:1px solid #ba063b}
/*  =----------------------------= FOOTER -----------------------------------------------= */
#footer{margin-top:25px; margin-bottom:-10px}
#footerfix{padding:15px 0; background:url(http://3.bp.blogspot.com/-mNVLDQMva0E/UqsT1H6BVcI/AAAAAAAAAHc/7LNvFjnR-64/s1600/back-footer-noenk.png) left top scroll; border:1px solid #2f2f2f; width:1000px; margin:0 auto}
#copyrights{width:996px; color:#d2cfbc; padding:20px 0; text-align:center; border-top:1px dashed #404040; padding-top:31px; margin-left:1px; font-size:11px; font-family:'arial',sans-serif}
#copyrights{padding-left:0px}
#copyrights a{color:#c4c4c4; font-size:11px; font-family:'arial',sans-serif}
#copyrights a:hover{text-decoration:none}
#footer-widgets-container{margin:0 auto}
#footer-widgets{padding-top:0px; margin:0 auto; overflow:hidden; margin:0 auto}
.footer-widget-box{width:315px; float:left; margin-left:15px}
#footer-top{}
#footer-bottom{}
.footer-widget-box-last{}
#footer-widgets .widget-container{list-style-type:none; list-style:none; margin:0 10px 0px 10px; padding:0; color:#aaa; font-size:13px; font-family:'arial',sans-serif}
#footer-widgets .widget-container a{color:#c4c4c4; text-decoration:none}
#footer-widgets .widget-container a:hover{color:#d2cfbc; text-decoration:underline; outline:none}
#footer-widgets h2{color:#fff; font-size:21px; font-family:'oswald',sans-serif; font-weight:normal}
#footer-widgets .widget ul{list-style-type:none; list-style:none; margin:0; padding:0}
#footer-widgets .widget ul li{padding:0 0 14px -12px; margin:0 0 8px 0; background:url() left 1px no-repeat}
.main .widget{margin:0 0 5px; padding:0 0 2px}
.footersec{}
.footersec .widget{margin-bottom:20px}
.footersec ul{}
.footersec ul li{}
/*------------------------------ SEARCH ------------------------------*/
.menusearch{float:right; margin-top:-11px; margin-right:33px}
#s{background:#f6f2f4;     border-radius:5px; border:1px solid #131313;     color:#232323;     float:left;     height:27px;     line-height:20px}
.searchbtn{height:29px;     width:23px}
.searchform{    width:240px}
.searchtxt{padding:0 10px; width:190px}
.searchbtn{float:right; border:none; background:url(http://4.bp.blogspot.com/-mJ2F2_odpKo/UqsT4qghVgI/AAAAAAAAAIw/exJLWgMmDM8/s1600/search-noenk.png) 50% no-repeat; margin-left:5px}
.searchform{margin:10px 0}
/*  =----------------------------= Comments----------------------------= */
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#f3032d;}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #f3032d;;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#fff}
.comment-thread a{color:#f3032d}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#fff;}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px;-moz-border-radius:30px 30px 30px 30px;
-webkit-border-radius:30px 30px 30px 30px;
-goog-ms-border-radius:30px 30px 30px 30px;
border-radius:30px 30px 30px 30px;}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #333;background:#222;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://2.bp.blogspot.com/-mNTOZmMRRVo/UZNbpdukfRI/AAAAAAAAAU8/aMe2oRLSVAI/s1600/admin.png);width:36px;height:36px;}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #333;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #333;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager { margin:0; padding:10px 0; text-align: center; clear:both; }
.feed-links {color:#ddd;clear: both;line-height: 2.5em;}
/*	-==========================- SLIDER -==========================-  */
.slider{position:relative; margin:0px auto}
.fp-thumbnail{overflow:hidden; text-align:center}
.fp-prev-next-wrap{position:absolute; z-index:200; width:100%; top:0}
.fp-prev-next{position:absolute; left:0; right:0; height:0px}
.fp-prev{float:left; width:50px; height:52px; background:url(http://2.bp.blogspot.com/-Am61kGOCqss/UqsT5caJcbI/AAAAAAAAAJE/CIUuSy9IvtI/s1600/slide-left-noenk.png) left top no-repeat}
.fp-next{float:right; width:50px; height:52px; background:url(http://2.bp.blogspot.com/--dj7E73wErQ/UqsT5BlLa1I/AAAAAAAAAI8/Gtat7ba7yws/s1600/slide-right-noenk.png) right top no-repeat}
.fp-nav{position:absolute; bottom:-25px; right:30px; left:30px; text-align:center; z-index:9999}
.fp-title{font-family:'oswald'; margin:0px; padding:0px; font-weight:normal}
.fp-content-fon{position:absolute; padding-bottom:0px; height:80px; opacity:0.5; filter:alpha(opacity = 50); bottom:30px; right:520px; left:30px; background:#444; border:1px solid #aaa}
.fp-content{position:absolute; height:70px; padding:5px 20px; bottom:30px; right:520px; left:30px; overflow:hidden}
.fp-content a, .fp-content p{color:#fff}
.fp-content p{padding-bottom:10px; margin:0px}
.fp-slides{margin:0 auto; padding:0px; height:370px; overflow:hidden; position:relative; width:100%}
.fp-slides-items{display:none; left:0; opacity:1; position:absolute; top:0; z-index:3}
.fp-slides-items.fp-first{display:block}
.fp-pager a{background-image:url(http://1.bp.blogspot.com/-1_i0oHGnlvU/UqsT5qP7kZI/AAAAAAAAAJM/FW_udhDQs-I/s1600/slider-page-noenk.png); color:red; cursor:pointer; margin:3px 8px 0 0; padding:0; display:inline-block; overflow:hidden;  text-indent:-999px; background-position:0 0; float:none; line-height:1; width:10px; height:10px}
.fp-pager a:hover, .fp-pager a.activeSlide{background-image:url(http://2.bp.blogspot.com/-iUaT2ezI3mA/UqsT5a1PZiI/AAAAAAAAAJQ/rREfAyA1nvw/s1600/slider-page-active.png)}
.slider-nothumb .fp-content{height:180px; padding:5px 40px}
.slider-nothumb .fp-content-fon{height:207px; bottom:0px; left:0px; right:0px; border:none}
.slider-nothumb .fp-content{bottom:0px; right:80px; left:80px}
.slider-nothumb .fp-thumbnail{height:207px}
.slider-nothumb .fp-slides{height:207px; border-top:0px; border-bottom:0px}
.slider-nothumb .fp-slides-items{height:207px}
.slider-container{background:url("http://4.bp.blogspot.com/-rOAy7lnMkAI/UqsT3GLQMzI/AAAAAAAAAIk/X0G5MIwDfPo/s1600/back-slider-noenk.jpg") no-repeat scroll left top transparent; height:466px; margin:-26px -112px 0; padding:26px 112px 0; position:relative}
.fp-next, .fp-prev{height:38px; margin:180px 60px; position:relative; width:38px}
.fp-title{font-size:20px}
.slider{background:none; padding:0}
.fp-prev-next-wrap{margin:0 0px}
.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items{height:188px}
.fp-slides, .fp-thumbnail, .fp-slides-items{height:401px; width:893px}
.fp-content-fon{border-bottom:none; border-left:none; border-right:none}
.fp-content-fon, .fp-content{left:0; right:0; bottom:0; text-align:left; font-size:13px}
.fp-nav{bottom:-30px}
.slider-nothumb .fp-content-fon{background:#fff}
.slider-nothumb .fp-content a, .slider-nothumb .fp-content p{color:#000}
/*	-==========================- Menus -==========================-  */
.menus, .menus *{margin:0; padding:0; list-style:none; list-style-type:none; line-height:1.0}
.menus ul{position:absolute; top:-999em; width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left; position:relative; z-index:9999}
.menus a{display:block; position:relative; z-index:9999}
.menus li:hover ul, .menus li.sfHover ul{left:0; top:100%; z-index:9999}
.menus li:hover li ul, .menus li.sfHover li ul{top:-999em}
.menus li li:hover ul, .menus li li.sfHover ul{left:100%; top:0}
.menus li li:hover li ul, .menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul, .menus li li li.sfHover ul{left:100%; top:0}
.sf-shadow ul{padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
#menu-box{margin-top:11px}
#secondarymenu-container{padding-top:0px; height:35px; position:relative; z-index:20}
#secondarymenu{background:url(http://4.bp.blogspot.com/-o5z-bLolIBk/UqsT2oe4slI/AAAAAAAAAIU/ZLUncXgQpdo/s1600/back-secondarymenu-noenk.png) repeat-x center; border-radius:0 9px 0 9px; float:left}
#secondarymenu a{font-family:'arial'; text-decoration:none; padding:11px 12px; display:block; color:#787878; font-size:11px}
#secondarymenu a:hover{color:#b9b9b9}
#mainmenu-container{height:58px; margin:13px 10px 29px 302px; padding:0 10px; z-index:18; position:relative; background:url(http://4.bp.blogspot.com/-anKxP5ZiPGE/UqsT1sgEzHI/AAAAAAAAAHo/9Lu4_m_Uiwc/s1600/back-menu-noenk.png) left top repeat-x}
#mainmenu{padding:0}
#mainmenu li{padding:0; float:left}
#mainmenu li a{font-family:'opium'; display:block; text-decoration:none; padding:23px 20px 15px; color:#acacac; font-size:15px; background:url(http://4.bp.blogspot.com/-VJ47ekmCf_o/UqsT1wysLyI/AAAAAAAAAH8/zHXJocRV9eo/s1600/back-menu-separator-noenk.png) 5px 12px no-repeat; margin-top:-5px}
#mainmenu li a:hover{color:#fff; background:url(http://4.bp.blogspot.com/-6vng604vIVE/UqsT1Q9p_xI/AAAAAAAAAHg/T6OFUCMtaEU/s1600/back-menu-hover-noenk.png) no-repeat left top}
#mainmenu li ul{top:70px}
#mainmenu li ul{background:url(http://2.bp.blogspot.com/-BaCVjr7HSbY/UqsT3BHkjBI/AAAAAAAAAII/A1S0E8hUfvc/s1600/back-sub-noenk.png) left top; padding:0; margin:0; border:1px solid #575757}
#mainmenu li ul a{text-transform:none; font-weight:400; font-family:arial; font-size:12px; margin:0; padding:10px 15px; text-shadow:none; color:#a5a5a5 !important}
#mainmenu li ul a:hover, .menu-primary li li a:active, .menu-primary li li a:focus, .menu-primary li li:hover >a, .menu-primary li li.current-cat >a, .menu-primary li li.current_page_item >a, .menu-primary li li.current-menu-item >a{border:none !important; box-shadow:none !important; background:none !important; color:#fff !important}
#mainmenu li a, #secondarymenu li a{box-shadow:none !important; text-decoration:none; display:block}
/*	-==========================- Status-msg -==========================-  */
.status-msg-wrap{margin-top:-10px; padding:15px}
/* -==========================- POST-FOOTER
.post-footer {display: block;margin-top: 5px;padding: 0px 0px 0px 0px;font: normal normal 95% Arial, sans-serif;color: #4c4c4c;font-weight: normal;border-top: 2px dotted #e6e6e6;}
.post-footer-line {margin: 3px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer a {text-decoration: none;color: #cc0000;}
.post-footer a:hover {text-decoration: none;color: #f2984c;}
#blog-pager, #blog-pager a {margin: 0px 0px 0px 0px;padding: 7px 0px 10px 0px;text-align: center;font-size: 93%;color: #f2984c;}
#blog-pager a:hover {color: #f2984c}
#blog-pager-newer-link {float: left;margin: 0px 0px 0px 0px;padding-left: 3px;}
#blog-pager-older-link {float: right;margin: 0px 0px 0px 0px;padding-right: 3px;}
.feed-links {margin: 0px 0px 0px 0px;padding: 25px 3px 20px 3px;clear: both;line-height: 1.5em;text-align: right;font-size: 93%;color: #f2984c;display: none;}
.feed-links a, .feed-links a:visited {color: #f2984c}
.feed-links a:hover {color: #cc0000}     -==========================- */
/* -==========================-  PROFILE  -==========================- */
.profile-img {border: 2px solid #888;-webkit-border-radius: 5px;border-radius: 5px;opacity: 0.8;filter:alpha(opacity=80);}
.profile-img:hover  {-moz-transform: scale(1) rotate(-5deg) translateX(5px) translateY(5px) skewX(0deg) skewY(0deg);-webkit-transform: scale(1) rotate(-5deg) translateX(5px) translateY(5px) skewX(0deg) skewY(0deg);-o-transform: scale(1) rotate(-5deg) translateX(5px) translateY(5px) skewX(0deg) skewY(0deg);-ms-transform: scale(1) rotate(-5deg) translateX(5px) translateY(5px) skewX(0deg) skewY(0deg);transform: scale(1) rotate(-5deg) translateX(5px) translateY(5px) skewX(0deg) skewY(0deg);border: 2px solid #FFFFEA;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;opacity:1.0;filter:alpha(opacity=100);}
.profile-img a img {display: block;float: left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;}
.profile-textblock {text-align:justify;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;clear: both;line-height: 1.6em;}
.profile-data {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight: normal;font-style: italic;}
.profile-datablock { margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.profile-link {display:none !important;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
/* -==========================-  comen fb  -==========================- */
/* -==========================-
.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
-==========================- */
/* ************ END OF CSS STYLING ************ */
.PopularPosts1 {text-align:center; }
/** Page structure tweaks for layout editor wireframe */
/* ************body#layout #main, body#layout #sidebar {padding: 0;}  ************ */
.blog-author-comment {}
.blog-author-comment p {margin:15px 0px 10px 0px;padding:0px 0px 0px 5px;color:#330099;background:#fff;}
#Box-Banner-ads {margin:0px;padding:2px 0 0 0;text-align:center}
#Box-Banner-ads img {margin:2px 2px 0 2px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#Box-Banner-ads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
#iklan {width:468px;height:60px;background:#F0F0F0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-transition: all 700ms ease-in-out;-moz-transition: all 700ms ease-in-out;-o-transition: all 700ms ease-in-out;transition: all 700ms ease-in-out;}
#iklan:hover {background:#FECC80}
#iklan a {color:#CCC;padding:20px 0 20px 0;display:block}
#iklan a:hover {color:#FF0000;text-decoration:none}
.breadcrumbs {font-variant: small-caps;margin: 0px 0px 10px 0px;padding:0 3px;font-size:85%;line-height: 1.4em;border: 1px solid #FFB37E;background:#F3EBF8;-webkit-border-radius: 5px;border-radius: 5px;}
.title-only {margin:15px;border-bottom:1px dotted red;}
.title-only a {text-decoration:none;}
.timbul {font-weight: bold; text-shadow: 2px 1px 3px rgb(82, 81, 82); color: rgb(255, 255, 255);font-size:13px;}
#lista {margin-top:3px;padding:3px;}
#lista li {border-bottom:1px dotted grey;-webkit-transition: all 1000ms;-moz-transition: all 1000ms;-o-transition: all 1000ms;transition: all 1000ms;}
#lista li:hover {background:orange;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#lista li a {display:block;}
#lista li a:hover {color:#fff;text-decoration:none;}
.h4 {z-index:-1;width:160px;color:orange;font-size:16px;text-align:center;text-transform:capitalize;margin-bottom:-20px;padding:3px 3px 20px 3px;background:rgb(207,226,243);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.comment-form {padding: 25px 5px 0px 25px;margin-top:15px}
.myButton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');background-color:#79bbff;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:arial;font-size:15px;font-weight:bold;padding:4px 24px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}
.myButton:hover {color:#ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');background-color:#378de5;
}.myButton:active {position:relative;top:1px;}
#pra-comment{width:437px;clear:both;padding:10px;font:normal 11px sans-serif;text-align:justify;border:1px solid #EFF0F1;margin:0 10px 5px 0; line-height: 1.5em;}
#pra-comment a{ font-weight:bold;}
#pra-comment a:hover{text-decoration:none;}
#pra-comment b{color: #000000;}
#pra-comment em b{Color:#ff0000;}
#Label1 a {color:#fff;font-size:12px;font-weight:bold;background:grey;margin:2px;padding:3px 4px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px;}
#Label1 a:hover {-webkit-border-radius: 0px;-moz-border-radius: 0px;}
.invite-friends-link a {width: 330px;margin: 0 10px 3px 0;line-height: 28px;font-size: 12px;font-weight: bold;color: rgb(155, 150, 149);text-shadow: 1px 1px 1px rgb(255, 255, 255);display: block;}
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:5px;overflow:hidden;margin-bottom:5px;}
#related-posts h2{font-size: 1em;font-weight: bold;color: rgb(247, 243, 243);font-style:italic;margin-bottom: 0.5em;margin-top: 0em;padding-top: 0em;text-align:center;text-shadow: 1px 1px 2px rgb(70, 63, 97);;filter: dropshadow(color=rgb(70, 63, 97), offx=1, offy=1);}
#related-posts img{margin:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:2px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}
#related-posts img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#related-posts a{color:#4c4c4c;}
#related-posts a:hover{color:#f2984c;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#related-posts  a:hover {background-color:#d4eaf2;}
#noenk-rjoin {text-align:center;padding:5px 5px 0 5px;background:-webkit-gradient(linear, left top,left bottom,from(rgb(240, 240, 240)), color-stop(0.5, rgb(219, 219, 219)), color-stop(0.5, rgb(223, 221, 221)), to(rgb(194, 194, 194)));background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(219, 219, 219)) 50%,rgb(223, 221, 221) 50%, rgb(194, 194, 194));-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#bukarahasiajoin:hover {background: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), color-stop(0.5, rgb(223, 221, 221)), color-stop(0.5, rgb(219, 219, 219)), to(rgb(240, 240, 240)));}
#noenk-rjoinfeed {text-align:left;border-bottom:1px dotted #e6e6e6;padding:2px 0;}
#noenk-rjoinshare {border-top:1px solid rgb(219, 219, 219);border-bottom:1px solid rgb(219, 219, 219);padding:5px 0 2px 0;margin:2px 0 5px 0;}
.post-author-img img {margin:0;padding:0;width:18px;height:18px}
#mbtboxes{height:210px;overflow:hidden;margin:0px;position:relative;width:948px;background:; border:0px solid #333; padding:5px 5px;}
#mbtboxes ul{ margin-left: 10px; padding: 0pt; position: relative; list-style-type: none; z-index: 1;  width: 100%; }
#mbtboxes ul li{ overflow: hidden; float: left; width: 180px; height: 180px; border-top:0px solid #333; margin-right:6px; padding:2px 0px 4px 0px; }
#mbtboxes ul li:hover{ border-bottom:1px solid #c5c5c5; }
#mbtboxes img{width:150px;height:100px; padding:2px; border: 1px solid #A3A3A3; border-radius:10px; -moz-border-radius:10px;  margin-top:0px;}
#mbtboxes img:hover{border: 1px solid #c5c5c5; }
.mbtbody img{float:left}
.mbtbody {position:relative;margin:0 5px 0 5px;width:170px;height:210px;display:inline;float:left;color:#c4c4c4}
.mbtbody h3{padding:5px 0;font-size:12px;font-weight:bold; font-family: verdana, sans-serif, arial; margin:0;}
.mbtbody h3 a:link,.mbtbody h3 a:visited{color:rgb(134, 134, 134);}
.mbtbody h3 a:hover{color:#c5c5c5}
.mbtbody p{margin:0; padding:0 0;color:#cdcdcd;font:10px normal verdana, sans-serif, Arial;}
.Fadein3 img {
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
.Fadein3:hover img {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
#Feed4 ul{margin: 20px 0; padding: 0;list-style: none;}
#Feed4 ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;margin: .2px 0;}
#Feed4 ul li:first-child {border-top: none;}
#Feed4 ul li:last-child {border-bottom: none;}
#Feed4 ul li a {padding: 5px;display: block;color: #888;text-decoration: none;}
#Feed4 ul li a:hover {color: #CCC;border: 1px solid #111;border-right: 1px solid #353535;border-bottom: 1px solid #353535;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
/* ** #PopularPosts1 ul{list-style:none;counter-reset:li;padding:8px 0px 1px;left:-7px;width: 320px;margin-left: 25px}  ** */
/* **#PopularPosts1 li{position:relative;margin:0 0 10px 0;padding: 3px 2px 0 17px;left:-5px;width:300px;}  ** */
/* ** #PopularPosts1 ul li{background: #eee;position: relative;display: block;padding: .4em .2em .4em 2em;padding: .2em;margin: .5em 0;background: #ddd;text-decoration: none;border-radius: .3em;transition: all .3s ease-out;}  ** */
/* ** #PopularPosts1 ul li:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;margin: -1.3em;height:2em;width: 2em;line-height: 2em;font-size: 15px;color: #fff; /* text color of numbers   */background: #FB8835;
/* background color of numbers */
border: .2em solid #fff; /* border color */
-webkit-box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;box-shadow: 0 8px 5px -7px #888;text-align: center;font-weight: bold;border-radius: 2em;position: absolute;left: 0;transition: all .3s ease-out;}** */
#PopularPosts1 ul li:hover{background: #eee;}  ** */
/* **#PopularPosts1 ul li:hover:before{transform: rotate(360deg);}
/* **#PopularPosts1 ul li a{font: 12px Georgia, serif;text-shadow: 0 -1px 2px #fff; color: #444;display:block;min-height:25px;text-decoration:none;text-transform: capitalize;} ** */
/* font size of post titles */
/* **#PopularPosts1 ul li a:hover{color: #444;}  ** */
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:95%;
line-height: 1.2em;
border-bottom:2px double #000000;
}
/* ************ page navi ************ */
.pagenavi { float: left; margin-top:18px;} .pagenavi a, .pagenavi span { text-decoration: none; padding: 5px 8px; margin: 2px; font-size: 15px; line-height: 15px; float: left; } .pagenavi a, .pagenavi a:link, .pagenavi a:active { color: #ddd; background:none; } .pagenavi span.current { font-weight: bold; color: #fff; background:#f3032d; } .pagenavi a:hover { color: #fff; background:#d7d7d7; } .pagenavi span.pages { color: #ddd; background: none; padding: 4px 8px 4px 0; } .pagenavi span.extend { background:transparent; color: #ddd; background: none; }
.clearfix:after{content:&quot;\0020&quot;;display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clear{clear:both}
#blog-pager {padding:6px;font-size:11px;}
.pagination{border-bottom:1px solid #2f2f2f; background:url(&quot;&quot;) no-repeat scroll bottom center transparent; clear:both; overflow:auto}
/* ************ END OF CSS STYLING ************ */
#code{width:660px;font-family:Arial,Helvetica,sans-serif ;font-size:14px}
.center {text-align:center;}
.PopularPosts .item-title{font-family:arial;font-weight:bold ;padding-bottom:0.2em;text-shadow:0px 1px 0px #;}
.PopularPosts .widget-content ul li{padding:0.7em 0;background:none  ;text-decoration: none;border-radius: .3em}
.PopularPosts img{padding:4px; border:1px solid #303030; height:50px; width:50px}
/* ************ CSS SINTAK HIGHLIGTER START ************ */
.genap {background-color: #413D39}
.ganjil {background-color:  #5A514F}
/* Belajar blog dan seo Related Posts --- */
.related-post .post-thumbnail {
z-index: 1;
position: relative;
width: 98px;
height: 98px;
margin: 0;
display: block;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 5px #444;
-moz-box-shadow: inset 2px 2px 5px #444;
box-shadow: inset 2px 2px 5px #555;
}
.related-post {
float: left;
position: relative;
width: 98px;
height: 98px;
margin: 0 10px 10px 0;
background: #F6F6F6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;
float: left;
background: #000;
color: #fff;
text-shadow: none;
font-weight: bold;
padding: 10px;
position: absolute;
top: -20px;
left: 40px;
z-index: 2;
width: 200px;
-webkit-box-shadow: 0 0 2px #444;
-moz-box-shadow: 0 0 2px #444;
box-shadow: 0 0 2px #444;
}
.related-post:hover .related-post-title {display: block;}
/* ---------tag pre --- */
pre, i[rel="pre"] {
display:block;
font-style:normal;
font-size:12px;
line-height:18px;
background-color:#0d0e0f;
color:#8e9081 !important;
padding:10px 12px;
border-left:4px solid #555555;
white-space:pre;
word-wrap:normal;
overflow:auto ;
border-radius: 5px 5px 0px 0px ;
}
pre[data-codetype="CSS"] {
border-left-color:#7B990C
}
pre[data-codetype="HTML"] {
border-left-color:#0B7E88
}
pre[data-codetype="JavaScript"] {
border-left-color:#545448
}
pre[data-codetype="JQuery"] {
border-left-color:#395540
}
pre[data-codetype="XML"] {
border-left-color:#E55E48
}
pre code {
color:inherit !important;
font-weight:normal;
display:block
}
pre.numbered {
border-left-width:4px
}
pre.numbered[data-codetype]:before {
content:attr(data-codetype);
display:block;
margin:-10px -12px 10px;
padding:5px 10px;
font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
text-transform:uppercase;
background-color:#40627e;
color:white
}
pre.numbered[data-codetype="CSS"]:before {
background-color:#7B990C
}
pre.numbered[data-codetype="HTML"]:before {
background-color:#0B7E88
}
pre.numbered[data-codetype="JavaScript"]:before {
background-color:#545448
}
pre.numbered[data-codetype="JQuery"]:before {
background-color:#395540
}
pre.numbered[data-codetype="XML"]:before {
background-color:#E55E48
}
pre.numbered[data-codetype*="+"]:before {
content:"Kode";
background-color:#555;
}
code, pre, i[rel="code"], i[rel="pre"] {
font-style: normal;
font-family:Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, Monospace;
color:#805bc0
}
pre .branch-link {
border-bottom:1px dotted;
text-decoration:none !important
}
pre .comment, pre .template_comment, pre .diff .header, pre .lisp .string, pre .javadoc {
color:#93a1a1;
font-style:italic
}
pre .doctype {
color:#df7c51
}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {
color:#0264BE
}
pre .css .class {
color:#a7aa9b
}
pre .number, pre .command, pre .string, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {
color:#628998
}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {
color:#86aade
}
pre .tag .title, pre .rules .property, pre .django .tag .keyword {
font-weight:bold
}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {
color:#a59355
}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .important, pre .subst, pre .cdata {
color:#b25a5a
}
pre .tag .value, pre .attr_selector, pre .javascript .literal {
color:#bfbf90
}
pre .deletion {
color:#dc322f
}
pre .tex .formula {
background:#eee8d5
}
pre .tag {
color:#a0a28b
}
pre.numbered .line-number {
display:block;
float:left;
text-align:right;
margin:-10px 12px -10px -12px;
padding:10px 12px;
background-color:#141414
}
pre.numbered .line-number span {
display:block;
position:relative;
color:#818181;
}
pre.numbered .line-number em {
font:inherit;
position:absolute;
top:-5px;
left:100%;
margin-left:15px;
background-color:#fc391e;
border-color:transparent;
color:#fff;
line-height:1;
padding:4px 5px;
display:none
}
pre.numbered .line-number em:before {
content:"";
display:block;
width:0;
height:0;
border:4px solid transparent;
border-right-color:inherit;
border-bottom-color:inherit;
position:absolute;
top:50%;
right:100%;
margin-top:-4px
}
pre.numbered .line-number span:hover em, pre.numbered .line-number span:target em {
display:block
}
pre.numbered .line-number span:target {
font-weight:bold;
background-color:#40464b;
margin:0 -12px;
padding:0 12px
}
pre.numbered .line-number span:target a {
color:#8e9081
}
pre.numbered:hover .line-number span:target em {
display:none
}
/*CSS Tag BlockQuote*/
.post blockquote {
margin-left: 5px;
padding: 5px 5px 10px 10px;
background: #FBE9A1;
border: #FEBD4D solid 1px;
font: normal 12px/14px Monaco, Monospace;
border-left: #FEBD4D solid 5px;
position: relative
overflow:auto;
}
.post blockquote[rel] {
padding-top: 25px;
}
.post blockquote[rel]::before {
content: attr(rel);
font: bold 12px/22px Arial, Sans-Serif;
color: white;
background-color: #b4a97e;
padding: 0 5px;
position: absolute;
top: 0;
right: 0;
left: 0;
text-transform: uppercase
}
/*------CSS Tombol------*/
.tombol, .tombol-download{display: inline-block;white-space: nowrap;background-color: rgb(40, 40, 40);background-image: none;border-width: 1px;border-style: solid;border-right: 1px solid rgba(255, 255, 255, 0.03);border-left: 1px solid rgba(255, 255, 255, 0.03);border-image: none;border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgb(34, 34, 34);padding: 0 1.5em;margin: 0.5em;font: 1em/2em ';Coda', Cursive;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);text-transform:uppercase;-webkit-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s;}
.tombol:hover, .tombol-download:hover{background-color: rgb(45, 45, 45);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px px 4px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);}
.tombol:active, .tombol-download:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
.tombol:focus, .tombol-download:focus{outline: 0;background-color: rgba(255, 0, 0, 0.5);}
.tombol:before, .tombol-download:before{background: #000;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events: none;content: "\279C";color:rgb(45, 166, 223);}
--> 
--></style>
<style type="text/css">



.post-body{color:#444444;margin-left:-0px;margin-top:-20px;}
.post-meta{font-family:'Cuprum'; font-weight:normal; margin-top:0px}  


</style>
<style type="text/css">


.post{margin-top:-22px;}  
.post img {height:165px; width:206px;}  
.post-title{color: #e3e3e3; font-family: 'oswald'; font-size: 22px; line-height: 25px; text-decoration: none;margin-top:25px;font-weight:normal;}
#blog-pager {width:645px;}


</style>
<script src="./noenk-R ™_files/plusone.js" type="text/javascript" gapi_processed="true">
{lang: 'en-US'}
</script>
<meta content="noenk-R ™" property="og:title">
<meta content="http://noenk-r.blogspot.com/" property="og:url">
<meta content="http://noenk-r.blogspot.com" property="og:site_name">
<meta content="URL-Gambar/Logo-Default-Mewakili-Blog" property="og:image">
<meta content="521068124673034" property="fb:app_id">
<meta content="518443344894538" property="fb:admins">
<meta content="article" property="og:type">
<script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var l=h();l&&window.location.replace(l)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.xx.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.xx.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_close_icon:active{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.xx.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_loader{background-color:#f6f7f8;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3a5795;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #2f477a;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f6f7f8;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(http://static.xx.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}</style></head>
<body>
<!-- komen fb ala noenk-r.blgspot.com-->
<script type="text/javascript">
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=521068124673034";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div id="body-wrapper">
<div id="outer-wrapper">
<div id="wrap2">
<header>
<div class="header-block">
<div class="header-outer">
<div class="header-cap-top cap-top">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
<div class="fauxborder-left header-fauxborder-left">
<div class="fauxborder-right header-fauxborder-right"></div>
<div class="region-inner header-inner">
<div id="menu-box">
<div id="secondarymenu">
<div class="menu-topmenu-container"><ul class="menus">
<li class="page_item page-item-29"><a href="http://noenk-r.blogspot.com/p/blog-page.html">Contacts</a></li>
<li class="page_item page-item-31"><a href="./noenk-R ™_files/noenk-R ™.html">Page without sidebar</a></li>
</ul>
</div>
</div>
</div>
<!--secondarymenu-->
<div class="menusearch" title="">
<div class="searchform" title="">
<form action="http://noenk-r.blogspot.com/search/" ifaviconffd="searchform" method="get">
<input class="searchbtn" type="submit" value="GO">
<input class="searchtxt" id="s" name="q" onblur="if(this.value.length == 0) this.value=&#39;Search this site..&#39;;" onclick="if(this.value == &#39;Search this site..&#39;) this.value=&#39;&#39;;" type="text" value="Search">
</form>
</div></div>
<!-- #search -->
<!--isi ple--></div>
</div>
<div class="header-cap-bottom cap-bottom">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
</div><!--header-outer end-->
</div><!--headerblok end-->
<div id="header-wrapper">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner" style="background-image: url(&quot;http://3.bp.blogspot.com/-NaWcmwp0OJ0/UrCW0TanyNI/AAAAAAAAAK0/vKYohbUxUaQ/s1600/kie%2Bsg%2Basli.png&quot;); background-position: left; width: 219px; min-height: 95px; px;_height: 95px; px;background-repeat: no-repeat; ">
<div class="titlewrapper" style="background: transparent">
<h1 class="title" style="background: transparent; border-width: 0px">
<a href="./noenk-R ™_files/noenk-R ™.html">noenk-R ™</a>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>
</span></p>
</div>
</div>
</div></div>
<!-- Featured menu nya -->
<div class="header section" id="header2"></div>
</div>
<div id="mainmenu-container">
<div id="mainmenu">
<div class="menu-primary-container">
<ul class="menus menu-primary">
<li class="current_page_item"><a href="./noenk-R ™_files/noenk-R ™.html">Home</a></li>
<li class="cat-item cat-item-19"><a href="http://noenk-r.blogspot.com/search/label/TV%20online" title="View all posts filed under TV streaming    ">TV streaming</a>
</li>
<li class="cat-item cat-item-10"><a href="./noenk-R ™_files/noenk-R ™.html" title="View all posts filed under Example Posts">Pemprograman</a>
<ul class="children">
<div class="inner">
<li class="cat-item cat-item-18"><a href="http://noenk-r.blogspot.com/search/label/PHP" title="View all posts filed under PHP posts">PHP</a>
</li>
<li class="cat-item cat-item-11"><a href="./noenk-R ™_files/noenk-R ™.html" title="View all posts filed under How-to Posts">How-to Posts</a>
</li>
</div>
</ul>
</li>
<li class="cat-item cat-item-20"><a href="./noenk-R ™_files/noenk-R ™.html" title="View all posts filed under Internet">Internet</a>
</li>
<li class="cat-item cat-item-1"><a href="./noenk-R ™_files/noenk-R ™.html" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<div style="clear:both"></div>
<!-- Featured Content Slider Started -->
<!--
<div class="slider-container">
<div class="slider-bgr"></div>
<div class="slider">
<div class="fp-slides">
<div class="fp-slides-items fp-first">
<div class="fp-thumbnail">

<a href="./noenk-R ™_files/noenk-R ™.html" title=""><img alt="Slide # 1" src="./noenk-R ™_files/noenk-1.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content-fon"></div>
<div class="fp-content">
<h3 class="fp-title"><a href="./noenk-R ™_files/noenk-R ™.html" title="">Slide # 1</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class="fp-more" href="./noenk-R ™_files/noenk-R ™.html">Read More</a></p>
</div>
</div>
</div>
<div class="fp-slides-items">
<div class="fp-thumbnail">
<a href="./noenk-R ™_files/noenk-R ™.html" title=""><img alt="Slide # 2" src="./noenk-R ™_files/noenk-2.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content-fon"></div>
<div class="fp-content">
<h3 class="fp-title"><a href="./noenk-R ™_files/noenk-R ™.html" title="">Slide # 2</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class="fp-more" href="./noenk-R ™_files/noenk-R ™.html">Read More</a></p>
</div>
</div>
</div>
<div class="fp-slides-items">
<div class="fp-thumbnail">
<a href="./noenk-R ™_files/noenk-R ™.html" title=""><img alt="Slide # 3" src="./noenk-R ™_files/noenk-3.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content-fon"></div>
<div class="fp-content">
<h3 class="fp-title"><a href="./noenk-R ™_files/noenk-R ™.html" title="">Slide # 3</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class="fp-more" href="./noenk-R ™_files/noenk-R ™.html">Read More</a></p>
</div>
</div>
</div>
<div class="fp-slides-items">
<div class="fp-thumbnail">
<a href="./noenk-R ™_files/noenk-R ™.html" title=""><img alt="Slide # 4" src="./noenk-R ™_files/noenk-4.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content-fon"></div>
<div class="fp-content">
<h3 class="fp-title"><a href="./noenk-R ™_files/noenk-R ™.html" title="">Slide # 4</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class="fp-more" href="./noenk-R ™_files/noenk-R ™.html">Read More</a></p>
</div>
</div>
</div>
<div class="fp-slides-items">
<div class="fp-thumbnail">
<a href="./noenk-R ™_files/noenk-R ™.html" title=""><img alt="Slide # 5" src="./noenk-R ™_files/noenk-5.jpg"></a></div>
<div class="fp-content-wrap">
<div class="fp-content-fon"></div>
<div class="fp-content">
<h3 class="fp-title"><a href="./noenk-R ™_files/noenk-R ™.html" title="">Slide # 5</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class="fp-more" href="./noenk-R ™_files/noenk-R ™.html">Read More</a></p>
</div>
</div>
</div>
</div>
<div class="fp-prev-next-wrap">
<div class="fp-prev-next">
<a class="fp-next" href="http://noenk-r.blogspot.com/?preview=1&template=filmplus&stylesheet=filmplus#fp-next"></a>
<a class="fp-prev" href="http://noenk-r.blogspot.com/?preview=1&template=filmplus&stylesheet=filmplus#fp-prev"></a>
</div>
</div>
<div class="fp-nav">
<span class="fp-pager"></span>
</div>
<div class="bground"></div>
</div>
</div> -->
<!-- Featured Content Slider End -->
<div id="content-wrappertop">
</div>
<div id="content-wrapper">
<div id="crosscol-wrapper" style="text-align:center">
<div class="crosscol section" id="crosscol"></div>
</div>
<div id="main-wrapper">
<div class="main section" id="main"><div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<!-- google_ad_section_start(name=default) -->

          <div class="date-outer">
        
<h2 class="date-header"><span>22 Januari 2015</span></h2>

          <div class="date-posts">
        
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="7363899369609940906"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2015/01/instalasi-wiget-bloger.html">Instalasi Wiget Bloger</a>
</h3></br>
<div class="post-meta">
<span class="meta_date">Kamis, Januari 22, 2015</span>&nbsp;&nbsp;<span class="meta_categories"></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary7363899369609940906"><style type="text/css">
.instalasi-widget-sm{z-index:9999;position:fixed;top:0px;left:0px;height:100%;background:rgba(240,240,240,0.7);width:100%;}
.kotak-instalasi{position:relative;top:25%;margin:auto;background:#333;color:white;width:500px;height:auto;border-radius:4px;padding:2px;
box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;}
.judul-instalasi{font-size:14px;font-family:Broadway;margin:5px;position:relative;color:white;border-radius:6px;padding:0px 2px 2px 24px;background:url("http://1.bp.blogspot.com/-QlYIFQkYAPw/UQQC6J6HUMI/AAAAAAAAB04/xeW5vCPUvRM/s16/share-sm.png") no-repeat scroll 2px 1px transparent}
.text-instalasi{padding:4px 10px;background:#FFF;color:#222;}
.instalasi-widget-sm pre {background: #2d2d2d;background: -moz-linear-gradient(top, #2d2d2d 0%, #2a2a2a 25%, #272727 50%, #242424 75%, #222222 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(25%,#2a2a2a), color-stop(50%,#272727), color-stop(75%,#242424), color-stop(100%,#222222));background: -webkit-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: -o-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: -ms-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: linear-gradient(to bottom, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#222222',GradientType=0 );font:normal 12px/14px Monaco,Monospace;color:#ccc;padding:10px 15px;margin:10px 0px 10px;position:relative;max-height:500px;width:96%;word-wrap: normal;overflow:auto;border:1px solid #444;border-left:3px solid rgb(45, 166, 223);}
.text-instalasi pre{max-height:150px;width:400px}
.text-instalasi img{opacity:1;}
.tombol-instalasi{padding:10px;background:#CDD;text-align:right}
.dalam-tombol{margin:0px 4px;padding:2px 4px;background:#FFF;
box-shadow:0pt 1px 1px 1px #70a3e9;-webkit-box-shadow:0pt 1px 1px 1px #70a3e9;-moz-box-shadow:0pt 1px 1px 1px #70a3e9;
cursor:pointer;color:#333;}
.dalam-tombol-next{margin:0px 4px;padding:2px 4px;background:#0186CB;
box-shadow:0pt 1px 1px 1px #70a3e9;-webkit-box-shadow:0pt 1px 1px 1px #70a3e9;-moz-box-shadow:0pt 1px 1px 1px #70a3e9;
cursor:pointer;color:white;}
</style>

<br>
<div class="instalasi-widget-sm" style="display: none;">
<div class="kotak-instalasi" id="instalasi-1">
<div class="judul-instalasi">
Konsep Kotak Instalasi Widget Blog</div>
<div class="text-instalasi">
<center>
<table cellpadding="5" cellspacing="5"><tbody>
<tr> 
              <td align="left" valign="top" width="160"><img src="./noenk-R ™_files/no_image.jpg" width="150"></td>
              <td><b>Disini</b> merupakan deskripsi atau penjelasan tentang widget yang anda buat.</td> 
              </tr>
</tbody></table>
</center>
</div>
<div class="tombol-instalasi">
<span class="dalam-tombol-next" onclick="$(&#39;#instalasi-2&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-1&#39;).fadeOut(&#39;slow&#39;);">Lanjut</span><span class="dalam-tombol" onclick="$(&#39;.instalasi-widget-sm&#39;).hide(&#39;slow&#39;);">batalkan</span>
        </div>
</div>
<div class="kotak-instalasi" id="instalasi-2" style="display: none;">
<div class="judul-instalasi">
Perihal Lisensi</div>
<div class="text-instalasi">
<center>
<table cellpadding="5" cellspacing="5"><tbody>
<tr> <td>Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.</td></tr>
<tr> <td><textarea style="height: 150px; padding: 4px; width: 100%;">Disini adalah letak lisensi tentang widget yang anda buat

</textarea>
            </td></tr>
</tbody></table>
</center>
</div>
<div class="tombol-instalasi">
<span class="dalam-tombol" onclick="$(&#39;#instalasi-1&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-2&#39;).fadeOut(&#39;slow&#39;);">Mundur</span><span class="dalam-tombol-next" onclick="$(&#39;#instalasi-3&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-2&#39;).fadeOut(&#39;slow&#39;);">Setuju</span><span class="dalam-tombol" onclick="$(&#39;.instalasi-widget-sm&#39;).hide(&#39;slow&#39;);">batalkan</span>
     </div>
</div>
<div class="kotak-instalasi" id="instalasi-3" style="display: none;">
<div class="judul-instalasi">
Tutorial Memasang Part 1</div>
<div class="text-instalasi">
<center>
<table cellpadding="5" cellspacing="5"><tbody>
<tr> <td><ul>
<li>Pilih Tab Template lalu klik <b>Edit HTML</b></li>
<li>Letakkan CSS berikut di atas <b>]]&gt;&lt;/b:skin&gt;</b></li>
</ul>
</td></tr>
<tr> <td><pre>Kode CSS Paste kan disini aja</pre>
</td></tr>
</tbody></table>
</center>
</div>
<div class="tombol-instalasi">
<span class="dalam-tombol" onclick="$(&#39;#instalasi-2&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-3&#39;).fadeOut(&#39;slow&#39;);">Mundur</span><span class="dalam-tombol-next" onclick="$(&#39;#instalasi-4&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-3&#39;).fadeOut(&#39;slow&#39;);">Lanjut</span><span class="dalam-tombol" onclick="$(&#39;.instalasi-widget-sm&#39;).hide(&#39;slow&#39;);">batalkan</span>
        </div>
</div>
<div class="kotak-instalasi" id="instalasi-4" style="display: none;">
<div class="judul-instalasi">
Tutorial Memasang Part 2</div>
<div class="text-instalasi">
<center>
<table cellpadding="5" cellspacing="5"><tbody>
<tr> <td><ul>
<li>Buat Gadget <b>HTML/JavaScript</b> baru</li>
<li>Masukkan Elemen ini dan klik Simpan</li>
</ul>
</td></tr>
<tr> <td><pre>Kode HTML
Anda bisa konvert di
http://noenk-r.blogspot.com/2013/02/generator-konverter-html-blog.html
</pre>
</td></tr>
</tbody></table>
</center>
</div>
<div class="tombol-instalasi">
<span class="dalam-tombol" onclick="$(&#39;#instalasi-3&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-4&#39;).fadeOut(&#39;slow&#39;);">Mundur</span><span class="dalam-tombol-next" onclick="$(&#39;#instalasi-5&#39;).fadeIn(&#39;slow&#39;);$(&#39;#instalasi-4&#39;).fadeOut(&#39;slow&#39;);">Lanjut</span><span class="dalam-tombol" onclick="$(&#39;.instalasi-widget-sm&#39;).hide(&#39;slow&#39;);">batalkan</span>
       </div>
</div>
<div class="kotak-instalasi" id="instalasi-5" style="display: none;">
<div class="judul-instalasi">
Instalasi Selesai</div>
<div class="text-instalasi">
<center>
<table cellpadding="5" cellspacing="5"><tbody>
<tr> 
               <td align="left" valign="top" width="160"><img src="./noenk-R ™_files/no_image.jpg" width="150"></td>
               <td>Terimakasih anda telah memasang <b>Widget bla,bla,bla....</b>, semoga dapat bermanfaat.<br>
<br>
by <a href="./noenk-R ™_files/noenk-R ™.html" style="color: #0186cb;" target="_blank">noenk-r</a><br>
Copyright © 2013
              </td></tr>
</tbody></table>
</center>
</div>
<div class="tombol-instalasi">
<span class="dalam-tombol-next" onclick="$(&#39;#instalasi-5&#39;).fadeOut(&#39;slow&#39;);$(&#39;#instalasi-1&#39;).fadeIn(&#39;slow&#39;);$(&#39;.instalasi-widget-sm&#39;).hide(&#39;slow&#39;);">Selesai</span>
        </div>
</div>
</div>
<center>
<button onclick="$(&#39;.instalasi-widget-sm&#39;).show(400)">Open Instalasi</button></center>
</div>
<script type="text/javascript">
createSummaryAndThumb("summary7363899369609940906",
"http://noenk-r.blogspot.com/2015/01/instalasi-wiget-bloger.html","Instalasi Wiget Bloger");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2015/01/instalasi-wiget-bloger.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>

            </div></div>
          

          <div class="date-outer">
        
<h2 class="date-header"><span>20 Januari 2015</span></h2>

          <div class="date-posts">
        
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="6516565095369878316"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2015/01/cara-membuat-tag-pre-keren-diblogger.html">CARA MEMBUAT TAG PRE KEREN DIBLOGGER</a>
</h3>
<div class="post-meta">
<span class="meta_date">Selasa, Januari 20, 2015</span>&nbsp;&nbsp;<span class="meta_categories"><a href="http://noenk-r.blogspot.com/search/label/CSS" rel="tag">CSS</a>, <a href="http://noenk-r.blogspot.com/search/label/HTML" rel="tag">HTML</a></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary6516565095369878316"><div class="separator" style="clear: both; text-align: center;">
<a href="./noenk-R ™_files/tag+pre.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="./noenk-R ™_files/tag+pre.png" height="317" width="320"></a></div>
Tag Pre Adalah Suatu Kotak Yang Kayak BLOCKQUOTE Yaitu Untuk Meletakkan Script Atau CSS Di Blog ,, Hayo Kalian suka mana ?? kalo saya sih Blockquote !! okelah langsung aja yuk tutorialnya :D<br>
<br>
<br>
Demo nya di bawah ini:

<br>
<pre data-codetype="HTML">MASUKKAN KODE HTML ANDA ATAU SEMBARANG </pre>
<pre data-codetype="CSS">MASUKKAN KODE CSS ANDA DISINI HERE HERE</pre>
<pre data-codetype="JavaScript">MASUKKAN KODE JAVASCIRPT ANDA DISINI WOOY </pre>
<pre data-codetype="JQuery">MASUKKAN KODE JQUERY DISINI SEMBARANG </pre>
<pre data-codetype="PHP">MASUKKAN KODE PHP DISINI ATAU KODE SEMBARANG BISA</pre>
<pre data-codetype="XML">MASUKKAN KODE XML DISINI ATAU KODE SEMBARANG BISA</pre>
<br>
<h4>
Simak langkah-langkah nya dibawah ini:</h4>
1. Login Di Blooger<br>
2. Template --&gt; edit HTML<br>
3. CTRL&nbsp;+F Cari Kode&nbsp;<b>]]&gt;&lt;/b:skin&gt;</b><br>
4. Lalu Masukkan Kode Dibawah Ini Diatas Kode Tersebut
<br>
<pre data-codetype="CSS">pre {
background-color:white;
background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
-o-background-size:30px 30px;
background-size:30px 30px;
background-repeat:repeat;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:2px solid #666;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
position:relative;
padding:0 7px;
margin:10px 5px;
overflow:auto;
word-wrap:normal;
white-space:pre;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
 }
pre[data-codetype] {
padding:29px 1em 7px 1em;
 }
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}
pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;
  }
</pre>
5. Simpan Template
<br>
*Untuk Menampilkan Tampilan Tag Pre Tersebut Guankan Mode HTML&nbsp;<img alt="html" src="./noenk-R ™_files/compose-html.png"><br>
6. Lalu Masukkan Kode Pemanggil nya dibawah ini simak baik baik ya ^_^<br>
<blockquote class="tr_bq">
&nbsp;&lt;pre data-codetype="HTML"&gt;<b>Disini Tag XML</b>&lt;/pre&gt;
</blockquote>
<blockquote class="tr_bq">
&nbsp;&lt;pre data-codetype="CSS"&gt;<b>Disini Tag CSS</b>&lt;
&lt;/pre&gt; </blockquote>
<blockquote class="tr_bq">
&nbsp;&lt;pre data-codetype="JavaScript"&gt;<b>Disini Tag JavaScript</b>&lt;/pre&gt; 
</blockquote>
<blockquote class="tr_bq">
&nbsp;&lt;pre data-codetype="JQuery"&gt;<b> Disini TagJQuery</b>&lt;/pre&gt;&nbsp; </blockquote>
<blockquote class="tr_bq">
&nbsp; &lt;pre data-codetype="PHP"&gt;Disini Tag PHP&lt;/pre&gt;</blockquote>
<blockquote class="tr_bq">
&nbsp; &lt;pre data-codetype="XML"&gt;ini Tag XML
&lt;/pre&gt;</blockquote>
7. Simpan Postingan tersebut ,,<br>
<br>
Good Luck
<style type="text/css">
pre {
background-color:white;
background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
-o-background-size:30px 30px;
background-size:30px 30px;
background-repeat:repeat;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:2px solid #666;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
position:relative;
padding:0 7px;
margin:10px 5px;
overflow:auto;
word-wrap:normal;
white-space:pre;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
 }
pre[data-codetype] {
padding:29px 1em 7px 1em;
 }
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}
pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;
  }
</style>
</div>
<script type="text/javascript">
createSummaryAndThumb("summary6516565095369878316",
"http://noenk-r.blogspot.com/2015/01/cara-membuat-tag-pre-keren-diblogger.html","CARA MEMBUAT TAG PRE KEREN DIBLOGGER");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2015/01/cara-membuat-tag-pre-keren-diblogger.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>

            </div></div><!-- .date-auter  end-->
          

          <div class="date-outer">
        
<h2 class="date-header"><span>19 Januari 2015</span></h2>

          <div class="date-posts">
        
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="5468084194742101151"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2015/01/membuat-syntaxt-highlighter-keren-di.html">MEMBUAT SYNTAXT HIGHLIGHTER KEREN DI BLOG</a>
</h3>
<div class="post-meta">
<span class="meta_date">Senin, Januari 19, 2015</span>&nbsp;&nbsp;<span class="meta_categories"></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary5468084194742101151"><pre class="numbered" data-codetype="CSS"><span class="line-number"><span id="line-10-1"><em>line-10-1</em><a href="http://noenk-r.blogspot.com/#line-10-1">1</a></span><span id="line-10-2"><em>line-10-2</em><a href="http://noenk-r.blogspot.com/#line-10-2">2</a></span><span id="line-10-3"><em>line-10-3</em><a href="http://noenk-r.blogspot.com/#line-10-3">3</a></span><span id="line-10-4"><em>line-10-4</em><a href="http://noenk-r.blogspot.com/#line-10-4">4</a></span><span id="line-10-5"><em>line-10-5</em><a href="http://noenk-r.blogspot.com/#line-10-5">5</a></span><span id="line-10-6"><em>line-10-6</em><a href="http://noenk-r.blogspot.com/#line-10-6">6</a></span><span id="line-10-7"><em>line-10-7</em><a href="http://noenk-r.blogspot.com/#line-10-7">7</a></span><span id="line-10-8"><em>line-10-8</em><a href="http://noenk-r.blogspot.com/#line-10-8">8</a></span><span id="line-10-9"><em>line-10-9</em><a href="http://noenk-r.blogspot.com/#line-10-9">9</a></span><span id="line-10-10"><em>line-10-10</em><a href="http://noenk-r.blogspot.com/#line-10-10">10</a></span><span id="line-10-11"><em>line-10-11</em><a href="http://noenk-r.blogspot.com/#line-10-11">11</a></span><span id="line-10-12"><em>line-10-12</em><a href="http://noenk-r.blogspot.com/#line-10-12">12</a></span><span id="line-10-13"><em>line-10-13</em><a href="http://noenk-r.blogspot.com/#line-10-13">13</a></span><span id="line-10-14"><em>line-10-14</em><a href="http://noenk-r.blogspot.com/#line-10-14">14</a></span><span id="line-10-15"><em>line-10-15</em><a href="http://noenk-r.blogspot.com/#line-10-15">15</a></span><span id="line-10-16"><em>line-10-16</em><a href="http://noenk-r.blogspot.com/#line-10-16">16</a></span><span id="line-10-17"><em>line-10-17</em><a href="http://noenk-r.blogspot.com/#line-10-17">17</a></span><span id="line-10-18"><em>line-10-18</em><a href="http://noenk-r.blogspot.com/#line-10-18">18</a></span><span id="line-10-19"><em>line-10-19</em><a href="http://noenk-r.blogspot.com/#line-10-19">19</a></span><span id="line-10-20"><em>line-10-20</em><a href="http://noenk-r.blogspot.com/#line-10-20">20</a></span><span id="line-10-21"><em>line-10-21</em><a href="http://noenk-r.blogspot.com/#line-10-21">21</a></span><span id="line-10-22"><em>line-10-22</em><a href="http://noenk-r.blogspot.com/#line-10-22">22</a></span><span id="line-10-23"><em>line-10-23</em><a href="http://noenk-r.blogspot.com/#line-10-23">23</a></span><span id="line-10-24"><em>line-10-24</em><a href="http://noenk-r.blogspot.com/#line-10-24">24</a></span><span id="line-10-25"><em>line-10-25</em><a href="http://noenk-r.blogspot.com/#line-10-25">25</a></span><span id="line-10-26"><em>line-10-26</em><a href="http://noenk-r.blogspot.com/#line-10-26">26</a></span><span id="line-10-27"><em>line-10-27</em><a href="http://noenk-r.blogspot.com/#line-10-27">27</a></span><span id="line-10-28"><em>line-10-28</em><a href="http://noenk-r.blogspot.com/#line-10-28">28</a></span><span id="line-10-29"><em>line-10-29</em><a href="http://noenk-r.blogspot.com/#line-10-29">29</a></span><span id="line-10-30"><em>line-10-30</em><a href="http://noenk-r.blogspot.com/#line-10-30">30</a></span><span id="line-10-31"><em>line-10-31</em><a href="http://noenk-r.blogspot.com/#line-10-31">31</a></span><span id="line-10-32"><em>line-10-32</em><a href="http://noenk-r.blogspot.com/#line-10-32">32</a></span><span id="line-10-33"><em>line-10-33</em><a href="http://noenk-r.blogspot.com/#line-10-33">33</a></span><span id="line-10-34"><em>line-10-34</em><a href="http://noenk-r.blogspot.com/#line-10-34">34</a></span><span id="line-10-35"><em>line-10-35</em><a href="http://noenk-r.blogspot.com/#line-10-35">35</a></span><span id="line-10-36"><em>line-10-36</em><a href="http://noenk-r.blogspot.com/#line-10-36">36</a></span><span id="line-10-37"><em>line-10-37</em><a href="http://noenk-r.blogspot.com/#line-10-37">37</a></span><span id="line-10-38"><em>line-10-38</em><a href="http://noenk-r.blogspot.com/#line-10-38">38</a></span><span id="line-10-39"><em>line-10-39</em><a href="http://noenk-r.blogspot.com/#line-10-39">39</a></span><span id="line-10-40"><em>line-10-40</em><a href="http://noenk-r.blogspot.com/#line-10-40">40</a></span><span id="line-10-41"><em>line-10-41</em><a href="http://noenk-r.blogspot.com/#line-10-41">41</a></span><span id="line-10-42"><em>line-10-42</em><a href="http://noenk-r.blogspot.com/#line-10-42">42</a></span><span id="line-10-43"><em>line-10-43</em><a href="http://noenk-r.blogspot.com/#line-10-43">43</a></span><span id="line-10-44"><em>line-10-44</em><a href="http://noenk-r.blogspot.com/#line-10-44">44</a></span><span id="line-10-45"><em>line-10-45</em><a href="http://noenk-r.blogspot.com/#line-10-45">45</a></span><span id="line-10-46"><em>line-10-46</em><a href="http://noenk-r.blogspot.com/#line-10-46">46</a></span><span id="line-10-47"><em>line-10-47</em><a href="http://noenk-r.blogspot.com/#line-10-47">47</a></span><span id="line-10-48"><em>line-10-48</em><a href="http://noenk-r.blogspot.com/#line-10-48">48</a></span><span id="line-10-49"><em>line-10-49</em><a href="http://noenk-r.blogspot.com/#line-10-49">49</a></span><span id="line-10-50"><em>line-10-50</em><a href="http://noenk-r.blogspot.com/#line-10-50">50</a></span><span id="line-10-51"><em>line-10-51</em><a href="http://noenk-r.blogspot.com/#line-10-51">51</a></span><span id="line-10-52"><em>line-10-52</em><a href="http://noenk-r.blogspot.com/#line-10-52">52</a></span><span id="line-10-53"><em>line-10-53</em><a href="http://noenk-r.blogspot.com/#line-10-53">53</a></span><span id="line-10-54"><em>line-10-54</em><a href="http://noenk-r.blogspot.com/#line-10-54">54</a></span><span id="line-10-55"><em>line-10-55</em><a href="http://noenk-r.blogspot.com/#line-10-55">55</a></span><span id="line-10-56"><em>line-10-56</em><a href="http://noenk-r.blogspot.com/#line-10-56">56</a></span><span id="line-10-57"><em>line-10-57</em><a href="http://noenk-r.blogspot.com/#line-10-57">57</a></span><span id="line-10-58"><em>line-10-58</em><a href="http://noenk-r.blogspot.com/#line-10-58">58</a></span><span id="line-10-59"><em>line-10-59</em><a href="http://noenk-r.blogspot.com/#line-10-59">59</a></span><span id="line-10-60"><em>line-10-60</em><a href="http://noenk-r.blogspot.com/#line-10-60">60</a></span><span id="line-10-61"><em>line-10-61</em><a href="http://noenk-r.blogspot.com/#line-10-61">61</a></span><span id="line-10-62"><em>line-10-62</em><a href="http://noenk-r.blogspot.com/#line-10-62">62</a></span><span id="line-10-63"><em>line-10-63</em><a href="http://noenk-r.blogspot.com/#line-10-63">63</a></span><span id="line-10-64"><em>line-10-64</em><a href="http://noenk-r.blogspot.com/#line-10-64">64</a></span><span id="line-10-65"><em>line-10-65</em><a href="http://noenk-r.blogspot.com/#line-10-65">65</a></span><span id="line-10-66"><em>line-10-66</em><a href="http://noenk-r.blogspot.com/#line-10-66">66</a></span><span id="line-10-67"><em>line-10-67</em><a href="http://noenk-r.blogspot.com/#line-10-67">67</a></span><span id="line-10-68"><em>line-10-68</em><a href="http://noenk-r.blogspot.com/#line-10-68">68</a></span><span id="line-10-69"><em>line-10-69</em><a href="http://noenk-r.blogspot.com/#line-10-69">69</a></span><span id="line-10-70"><em>line-10-70</em><a href="http://noenk-r.blogspot.com/#line-10-70">70</a></span><span id="line-10-71"><em>line-10-71</em><a href="http://noenk-r.blogspot.com/#line-10-71">71</a></span><span id="line-10-72"><em>line-10-72</em><a href="http://noenk-r.blogspot.com/#line-10-72">72</a></span><span id="line-10-73"><em>line-10-73</em><a href="http://noenk-r.blogspot.com/#line-10-73">73</a></span><span id="line-10-74"><em>line-10-74</em><a href="http://noenk-r.blogspot.com/#line-10-74">74</a></span><span id="line-10-75"><em>line-10-75</em><a href="http://noenk-r.blogspot.com/#line-10-75">75</a></span><span id="line-10-76"><em>line-10-76</em><a href="http://noenk-r.blogspot.com/#line-10-76">76</a></span><span id="line-10-77"><em>line-10-77</em><a href="http://noenk-r.blogspot.com/#line-10-77">77</a></span><span id="line-10-78"><em>line-10-78</em><a href="http://noenk-r.blogspot.com/#line-10-78">78</a></span><span id="line-10-79"><em>line-10-79</em><a href="http://noenk-r.blogspot.com/#line-10-79">79</a></span><span id="line-10-80"><em>line-10-80</em><a href="http://noenk-r.blogspot.com/#line-10-80">80</a></span><span id="line-10-81"><em>line-10-81</em><a href="http://noenk-r.blogspot.com/#line-10-81">81</a></span><span id="line-10-82"><em>line-10-82</em><a href="http://noenk-r.blogspot.com/#line-10-82">82</a></span><span id="line-10-83"><em>line-10-83</em><a href="http://noenk-r.blogspot.com/#line-10-83">83</a></span><span id="line-10-84"><em>line-10-84</em><a href="http://noenk-r.blogspot.com/#line-10-84">84</a></span><span id="line-10-85"><em>line-10-85</em><a href="http://noenk-r.blogspot.com/#line-10-85">85</a></span><span id="line-10-86"><em>line-10-86</em><a href="http://noenk-r.blogspot.com/#line-10-86">86</a></span><span id="line-10-87"><em>line-10-87</em><a href="http://noenk-r.blogspot.com/#line-10-87">87</a></span><span id="line-10-88"><em>line-10-88</em><a href="http://noenk-r.blogspot.com/#line-10-88">88</a></span><span id="line-10-89"><em>line-10-89</em><a href="http://noenk-r.blogspot.com/#line-10-89">89</a></span><span id="line-10-90"><em>line-10-90</em><a href="http://noenk-r.blogspot.com/#line-10-90">90</a></span><span id="line-10-91"><em>line-10-91</em><a href="http://noenk-r.blogspot.com/#line-10-91">91</a></span><span id="line-10-92"><em>line-10-92</em><a href="http://noenk-r.blogspot.com/#line-10-92">92</a></span><span id="line-10-93"><em>line-10-93</em><a href="http://noenk-r.blogspot.com/#line-10-93">93</a></span><span id="line-10-94"><em>line-10-94</em><a href="http://noenk-r.blogspot.com/#line-10-94">94</a></span><span id="line-10-95"><em>line-10-95</em><a href="http://noenk-r.blogspot.com/#line-10-95">95</a></span><span id="line-10-96"><em>line-10-96</em><a href="http://noenk-r.blogspot.com/#line-10-96">96</a></span><span id="line-10-97"><em>line-10-97</em><a href="http://noenk-r.blogspot.com/#line-10-97">97</a></span><span id="line-10-98"><em>line-10-98</em><a href="http://noenk-r.blogspot.com/#line-10-98">98</a></span><span id="line-10-99"><em>line-10-99</em><a href="http://noenk-r.blogspot.com/#line-10-99">99</a></span><span id="line-10-100"><em>line-10-100</em><a href="http://noenk-r.blogspot.com/#line-10-100">100</a></span><span id="line-10-101"><em>line-10-101</em><a href="http://noenk-r.blogspot.com/#line-10-101">101</a></span><span id="line-10-102"><em>line-10-102</em><a href="http://noenk-r.blogspot.com/#line-10-102">102</a></span><span id="line-10-103"><em>line-10-103</em><a href="http://noenk-r.blogspot.com/#line-10-103">103</a></span><span id="line-10-104"><em>line-10-104</em><a href="http://noenk-r.blogspot.com/#line-10-104">104</a></span><span id="line-10-105"><em>line-10-105</em><a href="http://noenk-r.blogspot.com/#line-10-105">105</a></span><span id="line-10-106"><em>line-10-106</em><a href="http://noenk-r.blogspot.com/#line-10-106">106</a></span><span id="line-10-107"><em>line-10-107</em><a href="http://noenk-r.blogspot.com/#line-10-107">107</a></span><span id="line-10-108"><em>line-10-108</em><a href="http://noenk-r.blogspot.com/#line-10-108">108</a></span><span id="line-10-109"><em>line-10-109</em><a href="http://noenk-r.blogspot.com/#line-10-109">109</a></span><span id="line-10-110"><em>line-10-110</em><a href="http://noenk-r.blogspot.com/#line-10-110">110</a></span><span id="line-10-111"><em>line-10-111</em><a href="http://noenk-r.blogspot.com/#line-10-111">111</a></span><span id="line-10-112"><em>line-10-112</em><a href="http://noenk-r.blogspot.com/#line-10-112">112</a></span><span id="line-10-113"><em>line-10-113</em><a href="http://noenk-r.blogspot.com/#line-10-113">113</a></span><span id="line-10-114"><em>line-10-114</em><a href="http://noenk-r.blogspot.com/#line-10-114">114</a></span><span id="line-10-115"><em>line-10-115</em><a href="http://noenk-r.blogspot.com/#line-10-115">115</a></span><span id="line-10-116"><em>line-10-116</em><a href="http://noenk-r.blogspot.com/#line-10-116">116</a></span><span id="line-10-117"><em>line-10-117</em><a href="http://noenk-r.blogspot.com/#line-10-117">117</a></span><span id="line-10-118"><em>line-10-118</em><a href="http://noenk-r.blogspot.com/#line-10-118">118</a></span><span id="line-10-119"><em>line-10-119</em><a href="http://noenk-r.blogspot.com/#line-10-119">119</a></span><span id="line-10-120"><em>line-10-120</em><a href="http://noenk-r.blogspot.com/#line-10-120">120</a></span><span id="line-10-121"><em>line-10-121</em><a href="http://noenk-r.blogspot.com/#line-10-121">121</a></span><span id="line-10-122"><em>line-10-122</em><a href="http://noenk-r.blogspot.com/#line-10-122">122</a></span><span id="line-10-123"><em>line-10-123</em><a href="http://noenk-r.blogspot.com/#line-10-123">123</a></span><span id="line-10-124"><em>line-10-124</em><a href="http://noenk-r.blogspot.com/#line-10-124">124</a></span><span id="line-10-125"><em>line-10-125</em><a href="http://noenk-r.blogspot.com/#line-10-125">125</a></span><span id="line-10-126"><em>line-10-126</em><a href="http://noenk-r.blogspot.com/#line-10-126">126</a></span><span id="line-10-127"><em>line-10-127</em><a href="http://noenk-r.blogspot.com/#line-10-127">127</a></span><span id="line-10-128"><em>line-10-128</em><a href="http://noenk-r.blogspot.com/#line-10-128">128</a></span><span id="line-10-129"><em>line-10-129</em><a href="http://noenk-r.blogspot.com/#line-10-129">129</a></span><span id="line-10-130"><em>line-10-130</em><a href="http://noenk-r.blogspot.com/#line-10-130">130</a></span><span id="line-10-131"><em>line-10-131</em><a href="http://noenk-r.blogspot.com/#line-10-131">131</a></span><span id="line-10-132"><em>line-10-132</em><a href="http://noenk-r.blogspot.com/#line-10-132">132</a></span><span id="line-10-133"><em>line-10-133</em><a href="http://noenk-r.blogspot.com/#line-10-133">133</a></span><span id="line-10-134"><em>line-10-134</em><a href="http://noenk-r.blogspot.com/#line-10-134">134</a></span><span id="line-10-135"><em>line-10-135</em><a href="http://noenk-r.blogspot.com/#line-10-135">135</a></span><span id="line-10-136"><em>line-10-136</em><a href="http://noenk-r.blogspot.com/#line-10-136">136</a></span><span id="line-10-137"><em>line-10-137</em><a href="http://noenk-r.blogspot.com/#line-10-137">137</a></span><span id="line-10-138"><em>line-10-138</em><a href="http://noenk-r.blogspot.com/#line-10-138">138</a></span><span id="line-10-139"><em>line-10-139</em><a href="http://noenk-r.blogspot.com/#line-10-139">139</a></span><span id="line-10-140"><em>line-10-140</em><a href="http://noenk-r.blogspot.com/#line-10-140">140</a></span><span id="line-10-141"><em>line-10-141</em><a href="http://noenk-r.blogspot.com/#line-10-141">141</a></span><span id="line-10-142"><em>line-10-142</em><a href="http://noenk-r.blogspot.com/#line-10-142">142</a></span><span id="line-10-143"><em>line-10-143</em><a href="http://noenk-r.blogspot.com/#line-10-143">143</a></span><span id="line-10-144"><em>line-10-144</em><a href="http://noenk-r.blogspot.com/#line-10-144">144</a></span><span id="line-10-145"><em>line-10-145</em><a href="http://noenk-r.blogspot.com/#line-10-145">145</a></span><span id="line-10-146"><em>line-10-146</em><a href="http://noenk-r.blogspot.com/#line-10-146">146</a></span><span id="line-10-147"><em>line-10-147</em><a href="http://noenk-r.blogspot.com/#line-10-147">147</a></span><span id="line-10-148"><em>line-10-148</em><a href="http://noenk-r.blogspot.com/#line-10-148">148</a></span><span id="line-10-149"><em>line-10-149</em><a href="http://noenk-r.blogspot.com/#line-10-149">149</a></span><span id="line-10-150"><em>line-10-150</em><a href="http://noenk-r.blogspot.com/#line-10-150">150</a></span><span id="line-10-151"><em>line-10-151</em><a href="http://noenk-r.blogspot.com/#line-10-151">151</a></span><span id="line-10-152"><em>line-10-152</em><a href="http://noenk-r.blogspot.com/#line-10-152">152</a></span><span id="line-10-153"><em>line-10-153</em><a href="http://noenk-r.blogspot.com/#line-10-153">153</a></span><span id="line-10-154"><em>line-10-154</em><a href="http://noenk-r.blogspot.com/#line-10-154">154</a></span><span id="line-10-155"><em>line-10-155</em><a href="http://noenk-r.blogspot.com/#line-10-155">155</a></span><span id="line-10-156"><em>line-10-156</em><a href="http://noenk-r.blogspot.com/#line-10-156">156</a></span><span id="line-10-157"><em>line-10-157</em><a href="http://noenk-r.blogspot.com/#line-10-157">157</a></span><span id="line-10-158"><em>line-10-158</em><a href="http://noenk-r.blogspot.com/#line-10-158">158</a></span><span id="line-10-159"><em>line-10-159</em><a href="http://noenk-r.blogspot.com/#line-10-159">159</a></span><span id="line-10-160"><em>line-10-160</em><a href="http://noenk-r.blogspot.com/#line-10-160">160</a></span><span id="line-10-161"><em>line-10-161</em><a href="http://noenk-r.blogspot.com/#line-10-161">161</a></span><span id="line-10-162"><em>line-10-162</em><a href="http://noenk-r.blogspot.com/#line-10-162">162</a></span><span id="line-10-163"><em>line-10-163</em><a href="http://noenk-r.blogspot.com/#line-10-163">163</a></span><span id="line-10-164"><em>line-10-164</em><a href="http://noenk-r.blogspot.com/#line-10-164">164</a></span><span id="line-10-165"><em>line-10-165</em><a href="http://noenk-r.blogspot.com/#line-10-165">165</a></span><span id="line-10-166"><em>line-10-166</em><a href="http://noenk-r.blogspot.com/#line-10-166">166</a></span><span id="line-10-167"><em>line-10-167</em><a href="http://noenk-r.blogspot.com/#line-10-167">167</a></span><span id="line-10-168"><em>line-10-168</em><a href="http://noenk-r.blogspot.com/#line-10-168">168</a></span><span id="line-10-169"><em>line-10-169</em><a href="http://noenk-r.blogspot.com/#line-10-169">169</a></span></span><code class="css"><span class="tag">pre</span>, <span class="tag">i</span><span class="attr_selector">[rel="pre"]</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value">block</span>;</span>
<span class="rule"><span class="attribute">font-style</span>:<span class="value">normal</span>;</span>
<span class="rule"><span class="attribute">font-size</span>:<span class="value"><span class="number">12</span>px</span>;</span>
<span class="rule"><span class="attribute">line-height</span>:<span class="value"><span class="number">18</span>px</span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#0d0e0f</span></span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#8e9081</span> <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">10</span>px <span class="number">12</span>px</span>;</span>
<span class="rule"><span class="attribute">border-left</span>:<span class="value"><span class="number">4</span>px solid <span class="number">#555555</span></span>;</span>
<span class="rule"><span class="attribute">white-space</span>:<span class="value">pre</span>;</span>
<span class="rule"><span class="attribute">word-wrap</span>:<span class="value">normal</span>;</span>
<span class="rule"><span class="attribute">overflow</span>:<span class="value">auto
</span>}</span></span>
<span class="tag">pre</span><span class="attr_selector">[data-codetype="CSS"]</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-color</span>:<span class="value"><span class="number">#7B990C</span>
</span>}</span></span>
<span class="tag">pre</span><span class="attr_selector">[data-codetype="HTML"]</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-color</span>:<span class="value"><span class="number">#0B7E88</span>
</span>}</span></span>
<span class="tag">pre</span><span class="attr_selector">[data-codetype="JavaScript"]</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-color</span>:<span class="value"><span class="number">#545448</span>
</span>}</span></span>
<span class="tag">pre</span><span class="attr_selector">[data-codetype="JQuery"]</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-color</span>:<span class="value"><span class="number">#395540</span>
</span>}</span></span>
<span class="tag">pre</span><span class="attr_selector">[data-codetype="XML"]</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-color</span>:<span class="value"><span class="hexcolor">#E55E48</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="tag">code</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value">inherit <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">font-weight</span>:<span class="value">normal</span>;</span>
<span class="rule"><span class="attribute">display</span>:<span class="value">block
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="rules">{
<span class="rule"><span class="attribute">border-left-width</span>:<span class="value"><span class="number">4</span>px
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">content</span>:<span class="value"><span class="function">attr(data-codetype)</span></span>;</span>
<span class="rule"><span class="attribute">display</span>:<span class="value">block</span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value">-<span class="number">10</span>px -<span class="number">12</span>px <span class="number">10</span>px</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">5</span>px <span class="number">10</span>px</span>;</span>
<span class="rule"><span class="attribute">font-family</span>:<span class="value"><span class="string">'Open Sans'</span>, <span class="string">"Segoe UI"</span>, Arial, Tahoma, sans-serif</span>;</span>
<span class="rule"><span class="attribute">text-transform</span>:<span class="value">uppercase</span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#40627e</span></span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value">white
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype="CSS"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#7B990C</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype="HTML"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#0B7E88</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype="JavaScript"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#545448</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype="JQuery"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#395540</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype="XML"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="hexcolor">#E55E48</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="attr_selector">[data-codetype*="+"]</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">content</span>:<span class="value"><span class="string">"Kode"</span></span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#555</span></span>;</span>
<span class="rule">}</span></span>
<span class="tag">code</span>, <span class="tag">pre</span>, <span class="tag">i</span><span class="attr_selector">[rel="code"]</span>, <span class="tag">i</span><span class="attr_selector">[rel="pre"]</span> <span class="rules">{
<span class="rule"><span class="attribute">font-style</span>:<span class="value"> normal</span>;</span>
<span class="rule"><span class="attribute">font-family</span>:<span class="value">Consolas, <span class="string">"Andale Mono WT"</span>, <span class="string">"Andale Mono"</span>, <span class="string">"Lucida Console"</span>, <span class="string">"Lucida Sans Typewriter"</span>, <span class="string">"DejaVu Sans Mono"</span>, <span class="string">"Bitstream Vera Sans Mono"</span>, <span class="string">"Liberation Mono"</span>, <span class="string">"Nimbus Mono L"</span>, Monaco, <span class="string">"Courier New"</span>, Courier, Monospace</span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#805bc0</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.branch-link</span> <span class="rules">{
<span class="rule"><span class="attribute">border-bottom</span>:<span class="value"><span class="number">1</span>px dotted</span>;</span>
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value">none <span class="important">!important</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.comment</span>, <span class="tag">pre</span> <span class="class">.template_comment</span>, <span class="tag">pre</span> <span class="class">.diff</span> <span class="class">.header</span>, <span class="tag">pre</span> <span class="class">.lisp</span> <span class="class">.string</span>, <span class="tag">pre</span> <span class="class">.javadoc</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#93a1a1</span></span>;</span>
<span class="rule"><span class="attribute">font-style</span>:<span class="value">italic
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.doctype</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#df7c51</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.keyword</span>, <span class="tag">pre</span> <span class="class">.css</span> <span class="class">.rule</span> <span class="class">.keyword</span>, <span class="tag">pre</span> <span class="class">.winutils</span>, <span class="tag">pre</span> <span class="class">.javascript</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.method</span>, <span class="tag">pre</span> <span class="class">.addition</span>, <span class="tag">pre</span> <span class="class">.css</span> <span class="class">.tag</span>, <span class="tag">pre</span> <span class="class">.lisp</span> <span class="class">.title</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#0264BE</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.css</span> <span class="class">.class</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#a7aa9b</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.number</span>, <span class="tag">pre</span> <span class="class">.command</span>, <span class="tag">pre</span> <span class="class">.string</span>, <span class="tag">pre</span> <span class="class">.phpdoc</span>, <span class="tag">pre</span> <span class="class">.tex</span> <span class="class">.formula</span>, <span class="tag">pre</span> <span class="class">.regexp</span>, <span class="tag">pre</span> <span class="class">.hexcolor</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#628998</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.localvars</span>, <span class="tag">pre</span> <span class="class">.function</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.chunk</span>, <span class="tag">pre</span> <span class="class">.decorator</span>, <span class="tag">pre</span> <span class="class">.builtin</span>, <span class="tag">pre</span> <span class="class">.built_in</span>, <span class="tag">pre</span> <span class="class">.lisp</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.identifier</span>, <span class="tag">pre</span> <span class="class">.title</span> <span class="class">.keymethods</span>, <span class="tag">pre</span> <span class="class">.id</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#86aade</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.tag</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.rules</span> <span class="class">.property</span>, <span class="tag">pre</span> <span class="class">.django</span> <span class="class">.tag</span> <span class="class">.keyword</span> <span class="rules">{
<span class="rule"><span class="attribute">font-weight</span>:<span class="value">bold
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.attribute</span>, <span class="tag">pre</span> <span class="class">.variable</span>, <span class="tag">pre</span> <span class="class">.instancevar</span>, <span class="tag">pre</span> <span class="class">.lisp</span> <span class="class">.body</span>, <span class="tag">pre</span> <span class="class">.smalltalk</span> <span class="class">.number</span>, <span class="tag">pre</span> <span class="class">.constant</span>, <span class="tag">pre</span> <span class="class">.class</span> <span class="class">.title</span>, <span class="tag">pre</span> <span class="class">.parent</span>, <span class="tag">pre</span> <span class="class">.haskell</span> <span class="class">.label</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#a59355</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.preprocessor</span>, <span class="tag">pre</span> <span class="class">.pi</span>, <span class="tag">pre</span> <span class="class">.shebang</span>, <span class="tag">pre</span> <span class="class">.symbol</span>, <span class="tag">pre</span> <span class="class">.diff</span> <span class="class">.change</span>, <span class="tag">pre</span> <span class="class">.special</span>, <span class="tag">pre</span> <span class="class">.keymethods</span>, <span class="tag">pre</span> <span class="class">.important</span>, <span class="tag">pre</span> <span class="class">.subst</span>, <span class="tag">pre</span> <span class="class">.cdata</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#b25a5a</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.tag</span> <span class="class">.value</span>, <span class="tag">pre</span> <span class="class">.attr_selector</span>, <span class="tag">pre</span> <span class="class">.javascript</span> <span class="class">.literal</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#bfbf90</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.deletion</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#dc322f</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.tex</span> <span class="class">.formula</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"><span class="hexcolor">#eee8d5</span>
</span>}</span></span>
<span class="tag">pre</span> <span class="class">.tag</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#a0a28b</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value">block</span>;</span>
<span class="rule"><span class="attribute">float</span>:<span class="value">left</span>;</span>
<span class="rule"><span class="attribute">text-align</span>:<span class="value">right</span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value">-<span class="number">10</span>px <span class="number">12</span>px -<span class="number">10</span>px -<span class="number">12</span>px</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">10</span>px <span class="number">12</span>px</span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#141414</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">span</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value">block</span>;</span>
<span class="rule"><span class="attribute">position</span>:<span class="value">relative</span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#818181</span></span>;</span>
<span class="rule">}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">em</span> <span class="rules">{
<span class="rule"><span class="attribute">font</span>:<span class="value">inherit</span>;</span>
<span class="rule"><span class="attribute">position</span>:<span class="value">absolute</span>;</span>
<span class="rule"><span class="attribute">top</span>:<span class="value">-<span class="number">5</span>px</span>;</span>
<span class="rule"><span class="attribute">left</span>:<span class="value"><span class="number">100</span>%</span>;</span>
<span class="rule"><span class="attribute">margin-left</span>:<span class="value"><span class="number">15</span>px</span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="hexcolor">#fc391e</span></span>;</span>
<span class="rule"><span class="attribute">border-color</span>:<span class="value">transparent</span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="hexcolor">#fff</span></span>;</span>
<span class="rule"><span class="attribute">line-height</span>:<span class="value"><span class="number">1</span></span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">4</span>px <span class="number">5</span>px</span>;</span>
<span class="rule"><span class="attribute">display</span>:<span class="value">none
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">em</span><span class="pseudo">:before</span> <span class="rules">{
<span class="rule"><span class="attribute">content</span>:<span class="value"><span class="string">""</span></span>;</span>
<span class="rule"><span class="attribute">display</span>:<span class="value">block</span>;</span>
<span class="rule"><span class="attribute">width</span>:<span class="value"><span class="number">0</span></span>;</span>
<span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">0</span></span>;</span>
<span class="rule"><span class="attribute">border</span>:<span class="value"><span class="number">4</span>px solid transparent</span>;</span>
<span class="rule"><span class="attribute">border-right-color</span>:<span class="value">inherit</span>;</span>
<span class="rule"><span class="attribute">border-bottom-color</span>:<span class="value">inherit</span>;</span>
<span class="rule"><span class="attribute">position</span>:<span class="value">absolute</span>;</span>
<span class="rule"><span class="attribute">top</span>:<span class="value"><span class="number">50</span>%</span>;</span>
<span class="rule"><span class="attribute">right</span>:<span class="value"><span class="number">100</span>%</span>;</span>
<span class="rule"><span class="attribute">margin-top</span>:<span class="value">-<span class="number">4</span>px
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">span</span><span class="pseudo">:hover</span> <span class="tag">em</span>, <span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">span</span><span class="pseudo">:target</span> <span class="tag">em</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value">block
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">span</span><span class="pseudo">:target</span> <span class="rules">{
<span class="rule"><span class="attribute">font-weight</span>:<span class="value">bold</span>;</span>
<span class="rule"><span class="attribute">background-color</span>:<span class="value"><span class="number">#40464b</span></span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> -<span class="number">12</span>px</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">0</span> <span class="number">12</span>px
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span> <span class="class">.line-number</span> <span class="tag">span</span><span class="pseudo">:target</span> <span class="tag">a</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"><span class="number">#8e9081</span>
</span>}</span></span>
<span class="tag">pre</span><span class="class">.numbered</span><span class="pseudo">:hover</span> <span class="class">.line-number</span> <span class="tag">span</span><span class="pseudo">:target</span> <span class="tag">em</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value">none
</span>}</span></span>
</code><span class="cl"></span></pre>
5. Tekan&nbsp;<kbd style="background-color: white; border-color: rgb(153, 153, 153); border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; font-family: inherit; font-size: 11px; font-stretch: inherit; line-height: 19.6000003814697px; margin: 0px; padding: 2px 5px; vertical-align: baseline;">Ctrl</kbd>+<kbd style="background-color: white; border-color: rgb(153, 153, 153); border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; font-family: inherit; font-size: 11px; font-stretch: inherit; line-height: 19.6000003814697px; margin: 0px; padding: 2px 5px; vertical-align: baseline;">F</kbd>&nbsp;cari kode&nbsp;<code>&lt;/body&gt;</code>&nbsp;Lalu masukan script di bawah ini tepat di atas kode&nbsp;<code>&lt;/body&gt;</code><br>
<pre data-codetype="JavaScript">&lt;script src="https://noenk-r.googlecode.com/svn/Syntax-highlight.js"&gt;&lt;/script&gt;</pre>
<br>
6. Kemudian&nbsp;<b>simpan</b>&nbsp;template sobat<br>

<br>
<h4 style="border: 0px; font-family: Gnuolane, Oswald, Arial, sans-serif; font-size: 28px; font-stretch: inherit; font-weight: 400; margin: 10px 0px; padding: 0px 0px 5px; vertical-align: baseline;">
Penerapannya:</h4>
Untuk menampilkan&nbsp;<b>Syntaxt Highlighter</b>&nbsp;tersebut gunakan mode HTML&nbsp;<img alt="html" src="./noenk-R ™_files/compose-html.png" style="background-color: white; border-radius: 4px; border: medium none; box-shadow: none; font-family: Roboto_Regular, Roboto, &#39;Roboto Regular&#39;, &#39;Franklin Gothic Medium&#39;, &#39;Franklin Gothic Book&#39;, &#39;Lucida Sans&#39;, &#39;Lucida Sans Unicode&#39;, Helmet, Freesans, sans-serif; font-size: 14px; font-stretch: inherit; line-height: 19.6000003814697px; margin: 0px; max-width: 100%; padding: 0px; vertical-align: middle;"><br>
Lalu masukkan kode Pemanggil nya dibawah ini simak baik baik ya ^_^
<br>
<br>
<blockquote>
&lt;pre class="numbered" data-codetype="CSS"&gt;&lt;code&gt;Kode CSS anda disini!&lt;/code&gt;&lt;/pre&gt;</blockquote>
<br>
<blockquote>
&nbsp;&lt;pre class="numbered" data-codetype="HTML"&gt;&lt;code&gt;Kode HTML anda disini!&lt;/code&gt;&lt;/pre&gt;</blockquote>
<br>
<blockquote>
&nbsp;&lt;pre class="numbered" data-codetype="HTML"&gt;&lt;code&gt;Kode HTML anda disini!&lt;/code&gt;&lt;/pre&gt;</blockquote>
<br>
<blockquote>
&nbsp;&lt;pre class="numbered" data-codetype="HTML"&gt;&lt;code&gt;Kode HTML anda disini!&lt;/code&gt;&lt;/pre&gt;</blockquote>
<h4>
Nanti DEMO nya seperti dibawah ini :</h4>
<div>
<br>
<pre class="numbered" data-codetype="CSS"><span class="line-number"><span id="line-12-1"><em>line-12-1</em><a href="http://noenk-r.blogspot.com/#line-12-1">1</a></span></span><code class="xml"><span class="tag">&lt;<span class="title">pre</span> <span class="attribute">class</span>=<span class="value">"numbered"</span> <span class="attribute">data-codetype</span>=<span class="value">"CSS"</span>&gt;</span><span class="tag">&lt;<span class="title">code</span>&gt;</span>Kode CSS anda disini!<span class="tag">&lt;/<span class="title">code</span>&gt;</span><span class="tag">&lt;/<span class="title">pre</span>&gt;</span></code>
<span class="cl"></span></pre>
<pre class="numbered" data-codetype="HTML"><span class="line-number"><span id="line-13-1"><em>line-13-1</em><a href="http://noenk-r.blogspot.com/#line-13-1">1</a></span></span><code class="xml"><span class="tag">&lt;<span class="title">pre</span> <span class="attribute">class</span>=<span class="value">"numbered"</span> <span class="attribute">data-codetype</span>=<span class="value">"HTML"</span>&gt;</span><span class="tag">&lt;<span class="title">code</span>&gt;</span>Kode HTML anda disini!<span class="tag">&lt;/<span class="title">code</span>&gt;</span><span class="tag">&lt;/<span class="title">pre</span>&gt;</span></code><span class="cl"></span></pre>
<pre class="numbered" data-codetype="JQuery"><span class="line-number"><span id="line-14-1"><em>line-14-1</em><a href="http://noenk-r.blogspot.com/#line-14-1">1</a></span></span><code class="xml"><span class="tag">&lt;<span class="title">pre</span> <span class="attribute">class</span>=<span class="value">"numbered"</span> <span class="attribute">data-codetype</span>=<span class="value">"JQuery"</span>&gt;</span><span class="tag">&lt;<span class="title">code</span>&gt;</span>Kode JQuery anda disini!<span class="tag">&lt;/<span class="title">code</span>&gt;</span><span class="tag">&lt;/<span class="title">pre</span>&gt;</span></code><span class="cl"></span></pre>
<pre class="numbered" data-codetype="JavaScript"><span class="line-number"><span id="line-15-1"><em>line-15-1</em><a href="http://noenk-r.blogspot.com/#line-15-1">1</a></span></span><code class="xml"><span class="tag">&lt;<span class="title">pre</span> <span class="attribute">class</span>=<span class="value">"numbered"</span> <span class="attribute">data-codetype</span>=<span class="value">"JavaScript"</span>&gt;</span><span class="tag">&lt;<span class="title">code</span>&gt;</span>Kode JavaScript anda disini!<span class="tag">&lt;/<span class="title">code</span>&gt;</span><span class="tag">&lt;/<span class="title">pre</span>&gt;</span></code><span class="cl"></span></pre>
<pre class="numbered" data-codetype="XML"><span class="line-number"><span id="line-16-1"><em>line-16-1</em><a href="http://noenk-r.blogspot.com/#line-16-1">1</a></span></span><code class="xml"><span class="tag">&lt;<span class="title">pre</span> <span class="attribute">class</span>=<span class="value">"numbered"</span> <span class="attribute">data-codetype</span>=<span class="value">"XML"</span>&gt;</span><span class="tag">&lt;<span class="title">code</span>&gt;</span>Kode XML anda disini!<span class="tag">&lt;/<span class="title">code</span>&gt;</span><span class="tag">&lt;/<span class="title">pre</span>&gt;</span></code><span class="cl"></span></pre>
</div>
Good Luck
</div>
<script type="text/javascript">
createSummaryAndThumb("summary5468084194742101151",
"http://noenk-r.blogspot.com/2015/01/membuat-syntaxt-highlighter-keren-di.html","MEMBUAT SYNTAXT HIGHLIGHTER KEREN DI BLOG");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2015/01/membuat-syntaxt-highlighter-keren-di.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div> <!--"post-outer" end-->
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="1849880385340812935"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2015/01/widget-music-diblog.html">WIDGET MUSIC DIBLOG</a>
</h3>
<div class="post-meta">
<span class="meta_date">Senin, Januari 19, 2015</span>&nbsp;&nbsp;<span class="meta_categories"><a href="http://noenk-r.blogspot.com/search/label/wiget" rel="tag">wiget</a></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary1849880385340812935">okey, langsung ajah soalnya gak ada waktu buat ceramah karena keterbatasan waktu :)<br>
Nahh,.. kalo sobat minat untuk membuat nya silahkan sobat ikuti step by step,..

<br>
<h4>
langkah 2&nbsp;dibawah ini:</h4>
1. Seperti biasa Login ke akun blogger terlebih dahulu<br>
2. Klik Tata Letak » Tambahkan Gadget » Pilih HTML/Javascript<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="./noenk-R ™_files/gambar.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="./noenk-R ™_files/gambar.PNG" height="291" width="320"></a></div>
<br>
<br>
3. Kemudian tambahkan script dibawah ini kedalam gadget atau HTML/Javascript blog sobat<br>
<code>
&lt;script src="https://irv4n-cyber4rt.googlecode.com/files/vanzMP3player.js" type="text/javascript"&gt;&lt;/script&gt;<br>
&lt;script type="text/javascript"&gt;musikDongBang('https://irv4n-music.googlecode.com/files/Rumput%20Laut%20-%20Pantai%20Mimpi.mp3','.::►►♫♪ vanzMP3 ♪♫◄◄::.'); &lt;/script&gt;<br>
</code>


4. Kemudian save dan lihat hasil nya
</div>
<script type="text/javascript">
createSummaryAndThumb("summary1849880385340812935",
"http://noenk-r.blogspot.com/2015/01/widget-music-diblog.html","WIDGET MUSIC DIBLOG");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2015/01/widget-music-diblog.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="4560337940425803277"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2015/01/css-selectors.html">CSS Selectors</a>
</h3>
<div class="post-meta">
<span class="meta_date">Senin, Januari 19, 2015</span>&nbsp;&nbsp;<span class="meta_categories"><a href="http://noenk-r.blogspot.com/search/label/CSS" rel="tag">CSS</a>, <a href="http://noenk-r.blogspot.com/search/label/HTML" rel="tag">HTML</a></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary4560337940425803277">CSS memungkinkan Anda untuk memilih dan memanipulasi elemen HTML.<br>
CSS digunakan untuk "menemukan" (atau memilih) elemen HTML berdasarkan &nbsp;id, kelas, jenis, atribut, dan banyak lagi,<br>
<br>
Elemen Selector<br>
Anda dapat memilih semua &lt;p&gt; elemen pada halaman seperti ini: (semua &lt;p&gt; elemen akan pusat-blok, dengan warna teks merah)<br>
<br>
<br>
<div class="syntaxhighlighter 1js" id="highlighter">
<table border="0" cellpadding="0" cellspacing="0">
 <tbody>
<tr>
<td class="gutter">
<div class="line number ganjil">01</div>
<div class="line number genap">02</div>
<div class="line number ganjil">03</div>
<div class="line number genap">04</div>
<div class="line number ganjil">05</div>
<div class="line number genap">06</div>
<div class="line number ganjil">07</div>

</td>
<td class="code">
<div class="container">
<div class="line number ganjil"><code class="comments"> </code></div>
<div class="line number genap"><code class="selector">p</code></div>
<div class="line number ganjil"><code class="plain">{</code></div>
<div class="line number genap"><code class="property">text-align</code><code class="plain">:</code><code class="value">center</code><code class="plain">;</code></div>
<div class="line number ganjil"><code class="property">color</code><code class="plain">:</code><code class="value">black</code><code class="plain">;</code></div>
<div class="line number genap"><code class="property">font-family</code><code class="plain">:</code><code class="value">arial</code><code class="plain">;</code></div>
<div class="line number ganjil"><code class="plain">}</code></div>


</div>


</td></tr>
</tbody>
 </table>
</div>
</div>
<script type="text/javascript">
createSummaryAndThumb("summary4560337940425803277",
"http://noenk-r.blogspot.com/2015/01/css-selectors.html","CSS Selectors");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2015/01/css-selectors.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>

            </div></div>
          

          <div class="date-outer">
        
<h2 class="date-header"><span>21 Februari 2014</span></h2>

          <div class="date-posts">
        
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="6366364883574071034"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2014/02/komentar-pada-css.html">Komentar pada CSS</a>
</h3>
<div class="post-meta">
<span class="meta_date">Jumat, Februari 21, 2014</span>&nbsp;&nbsp;<span class="meta_categories"><a href="http://noenk-r.blogspot.com/search/label/CSS" rel="tag">CSS</a></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary6366364883574071034">Komentar digunakan untuk menjelaskan kode Anda, dan dapat membantu Anda ketika Anda mengedit kode sumber di kemudian hari. Komentar diabaikan oleh browser.
Sebuah komentar CSS diawali dengan "<br>
<div class="comments">
/ * </div>dan diakhiri dengan<div class=" comments">* /</div><br>




, seperti ini:<br>

<div id="code">
<div class="syntaxhighlighter 1js" id="highlighter">
<table border="0" cellpadding="0" cellspacing="0">
	<tbody>
<tr>
<td class="gutter">
<div class="line number ganjil">1</div>
<div class="line number genap">2</div>
<div class="line number ganjil">3</div>
<div class="line number genap">4</div>
<div class="line number ganjil">5</div>
<div class="line number genap">6</div>
<div class="line number ganjil">7</div>
<div class="line number genap">8</div>
</td>
<td class="code">
<div class="container">
<div class="line number ganjil"><code class="comments">/*anda bisa menuliskan komentar si sini*/ </code></div>
<div class="line number genap"><code class="selector">p</code></div>
<div class="line number ganjil"><code class="plain">{</code></div>
<div class="line number genap"><code class="property">text-align</code><code class="plain">:</code><code class="value">center</code><code class="plain">;</code></div>


<div class="line number ganjil"><code class="comments">/*anda bisa menuliskan komentar di sini juga*/</code></div>
<div class="line number genap"><code class="property">color</code><code class="plain">:</code><code class="value">black</code><code class="plain">;</code></div>


<div class="line number ganjil"><code class="property">font-family</code><code class="plain">:</code><code class="value">arial</code><code class="plain">;</code></div>

<div class="line number genap"><code class="plain">}</code></div>


</div>


</td></tr>
</tbody>
 </table>
</div></div>
</div>
<script type="text/javascript">
createSummaryAndThumb("summary6366364883574071034",
"http://noenk-r.blogspot.com/2014/02/komentar-pada-css.html","Komentar pada CSS");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2014/02/komentar-pada-css.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>

            </div></div>
          

          <div class="date-outer">
        
<h2 class="date-header"><span>17 Februari 2014</span></h2>

          <div class="date-posts">
        
<div class="post-outer">
<div class="wrapfullpost">
<div class="post hentry">
<a name="2606569414600209082"></a>
<h3 class="post-title entry-title">
<a href="http://noenk-r.blogspot.com/2014/02/just-to-tell-you-all-that-for.html">Code Warna RGB</a>
</h3>
<div class="post-meta">
<span class="meta_date">Senin, Februari 17, 2014</span>&nbsp;&nbsp;<span class="meta_categories"><a href="http://noenk-r.blogspot.com/search/label/CSS" rel="tag">CSS</a>, <a href="http://noenk-r.blogspot.com/search/label/HTML" rel="tag">HTML</a></span>&nbsp;&nbsp;<span class="meta_comments"></span>
</div>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p>
</p><div id="summary2606569414600209082"><div a="" class="separator" gt="" href="http://1.bp.blogspot.com/-tTpyQAkhGdE/Tvww8w_d4oI/AAAAAAAAABw/ZlPolb-gCq0/s1600/color+code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="./noenk-R ™_files/color+code.jpg" height="170" width="200"></div>
<br>
<div style="text-align: justify;">
Just to tell you all that for the flexibleness and easy Blogger Template customization, I actually have revealed very helpful tool which will help you get the hexadecimal color value or RGB value for any color you would like. These tools are advanced integrated versions of color pickers utilized ingraphic software like Photoshop. i'm happier than you'r as a result of currently I don’t have to be compelled to open Photoshop on every occasion for selecting my desired color or eat my brain to find matching colors </div>
<br>
<br>
<div style="text-align: center;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"> </object></div>
<br>
<br>
<div style="text-align: center;">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"> </object></div>
<div style="clear: both;">
</div>
</div>
<script type="text/javascript">
createSummaryAndThumb("summary2606569414600209082",
"http://noenk-r.blogspot.com/2014/02/just-to-tell-you-all-that-for.html","Code Warna RGB");
</script>
<p></p>
<div class="readmore">
<a href="http://noenk-r.blogspot.com/2014/02/just-to-tell-you-all-that-for.html">Read More</a>
</div>
<div style="margin-top:20px;margin-bottom:-100px;">
<div class="pagination"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<div id="related-posts">
</div>
<div class="clear"></div>
</div>
<div class="post-footer-line post-footer-line-2"></div>
</div>
<div class="post-footer-line post-footer-line-3"></div></div>
</div>
</div>

        </div></div>
      
<!-- google_ad_section_end -->
</div>
<div style="margin-top:-50px;"></div>
<div style="margin-top:30px;"></div>
<div class="pagenavi">
<script type="text/javascript">
    var pageNaviConf = {
    perPage: 4,
    numPages: 9,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
    }
    </script>
<script type="text/javascript"> 
//<![CDATA[

//]]>
</script>
<div class="clear"></div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'in'};</script>
</div></div>
</div>
<div id="rsidebar-wrapper">
<div class="widget-container">
</div>
<div style="clear:both;"></div>
<div style="height:5px;clear:both;"></div>
<div id="sidebar-widget">
<div class="sidebar section" id="sidebarright"></div>
</div>
<div id="sidebar-widget">
<div class="sidebar section" id="sidebarright2"></div>
</div>
<div id="sidebar-widget">
<div class="sidebar section" id="sidebarright3"></div>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class="clear">&nbsp;</div>
</div>
<div id="bottom-wrapper"></div>
<!-- end content-wrapper -->
<div style="clear:both;"></div>
<div id="footer">
<div id="footerfix">
<div id="footer-top">
</div>
<div id="footer-widgets-container">
<div class="clearfix" id="footer-widgets">
<div class="footer-widget-box footer-widget-box-last">
<ul class="widget-container">
<li>
<div class="footersec section" id="footersec1"><div class="widget HTML" id="HTML1">
<h2 class="title">Under  Contruction</h2>
<div class="widget-content">
<!--    undeer contruction  -->
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1346561240321977906&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=footersec1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="Edit">
<img alt="" height="18" src="./noenk-R ™_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
</li>
</ul>
</div>
<div class="footer-widget-box footer-widget-box-last">
<ul class="widget-container">
<li>
<div class="footersec section" id="footersec2"><div class="widget Label" id="Label2">
<h2>Tag</h2>
<div class="widget-content list-label-widget-content">
<ul>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/CSS">CSS</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/HTML">HTML</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/Linuk">Linuk</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/php">php</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/tutorial%20vps">tutorial vps</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/TV%20online">TV online</a>
</li>
<li>
<a dir="ltr" href="http://noenk-r.blogspot.com/search/label/wiget">wiget</a>
</li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1346561240321977906&widgetType=Label&widgetId=Label2&action=editWidget&sectionId=footersec2" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Label2&quot;));" target="configLabel2" title="Edit">
<img alt="" height="18" src="./noenk-R ™_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div></div>
</li>
</ul>
</div>
<div class="footer-widget-box footer-widget-box-last">
<ul class="widget-container">
<li>
<div class="footersec section" id="footersec3"><div class="widget Text" id="Text1">
<h2>Social Profiles</h2>
<div class="widgetf widgetf_last">
<div class="widget widget_social_profiles" id="social_profiles-0">
<div class="inner">
<a href="http://twitter.com/" target="_blank"><img alt="Twitter" height="32" src="./noenk-R ™_files/twitter-noenk.png" title="Twitter" width="32"></a>
<a href="http://facebook.com/noenk.r" target="_blank"><img alt="Facebook" height="32" src="./noenk-R ™_files/facebook-noenk.png" title="Facebook" width="32"></a>
<a href="https://plus.google.com/" target="_blank"><img alt="Google Plus" height="32" src="./noenk-R ™_files/gplus-noenk.png" title="Google Plus" width="32"></a>
<a href="http://www.linkedin.com/" target="_blank"><img alt="LinkedIn" height="32" src="./noenk-R ™_files/linkedin-noenk.png" title="LinkedIn" width="32"></a>
<a href="http://noenk-r.blogspot.com/noenk336699@gmail.com" target="_blank"><img alt="Email" height="32" src="./noenk-R ™_files/email-noenk.png" title="Email" width="32"></a>
</div></div><div class="widget widget_text" id="text-0"><div class="inner"><div class="caption"><h3>Info</h3></div>
<div class="textwidget">Lorem ipsum no has veniam elaboraret constituam, ne nibh posidonium vel.</div>
</div>
</div>
</div>
</div></div>
</li>
</ul>
</div>
</div>
</div>
<div style="clear:both;"></div>
<!-- ini elemmen yang terakhir -->
<div id="footer-container">
<div id="footer">
<div id="footer-bottom">
<div id="copyrights">
<!-- Please do not edit following code, it may cause your site to stop working! -->
<!-- Please do not edit following code, it may cause your site to stop working! -->
</div></div>
</div>
</div>
<div style="clear:both;"></div>
</div></div></div></div></div><!-- end outer-wrapper -->
<script src="./noenk-R ™_files/Syntax-highlight.js" type="text/javascript"></script>
<script type="text/javascript" src="./noenk-R ™_files/Tf-qGjWUMoHZMXVBkTsgDeQliWpEx7wNIIiB--IlBD8.js"></script><script type="text/javascript" src="./noenk-R ™_files/csi.js"></script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="./noenk-R ™_files/3512243057-widgets.js"></script>
<script type="text/javascript" src="./noenk-R ™_files/plusone(1).js" gapi_processed="true"></script>
<script type="text/javascript">
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1346561240321977906';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1346561240321977906','//noenk-r.blogspot.com/','1346561240321977906');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1346561240321977906', 'bloggerUrl': 'http://www.blogger.com', 'title': 'noenk-R &#8482;', 'pageType': 'index', 'url': 'http://noenk-r.blogspot.com/', 'canonicalUrl': 'http://noenk-r.blogspot.com/', 'canonicalHomepageUrl': 'http://noenk-r.blogspot.com/', 'homepageUrl': 'http://noenk-r.blogspot.com/', 'blogspotFaviconUrl': 'http://noenk-r.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'noenk-R &#8482;', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42noenk-R &#8482; - Atom\42 href\75\42http://noenk-r.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42noenk-R &#8482; - RSS\42 href\75\42http://noenk-r.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42noenk-R &#8482; - Atom\42 href\75\42http://www.blogger.com/feeds/1346561240321977906/posts/default\42 /\76\n', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/13423174615297518015\42 /\76\n', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n\74link rel\75\42openid.delegate\42 href\75\42http://noenk-r.blogspot.com/\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42tick\42,k\75\42jstiming\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[k].srt\75h-c)}if(a){var e\75b[k].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b[f].csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[k].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[k].load[g](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[k].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/76f25a6f2e06af76', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sf': 'n'}}, {'name': 'skin', 'data': {'vars': {'sidebartextcolor': '#666666', 'linkcolor': '#ff7474', 'visitedlinkcolor': '#999999', 'textcolor': '#ffffff', 'headerfont': 'normal normal 78% \47Trebuchet MS\47,Trebuchet,Arial,Verdana,Sans-serif', 'pagetitlefont': 'normal normal 200% Georgia, Serif', 'bgcolor': '#ffffff', 'descriptioncolor': '#999999', 'titlecolor': '#e06666', 'bordercolor': '#cccccc', 'postfooterfont': 'normal normal 78% \47Trebuchet MS\47, Trebuchet, Arial, Verdana, Sans-serif', 'pagetitlecolor': '#666666', 'bodyfont': 'normal normal 100% Georgia, Serif', 'endSide': 'right', 'startSide': 'left', 'descriptionfont': 'normal normal 78% \47Trebuchet MS\47, Trebuchet, Arial, Verdana, Sans-serif', 'sidebarcolor': '#999999'}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3586692752-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/2392111094-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footersec1', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'footersec2', null, document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'footersec3', null, document.getElementById('Text1'), {}, 'displayModeFull'));
</script>

<link type="text/css" rel="stylesheet" href="./noenk-R ™_files/2392111094-lightbox_bundle.css"><div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./noenk-R ™_files/DU1Ia251o0y.html" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./noenk-R ™_files/DU1Ia251o0y(1).html" style="border: none;"></iframe></div></div></div><script type="text/javascript" src="./noenk-R ™_files/3586692752-lbx.js"></script></body></html>